怎么设置鼠标点击有特效的

怎么设置鼠标点击有特效的,第1张

鼠标宏功能吧
经济实惠的可以看看雷柏的V26、罗技的G100s、雷蛇的炼狱蝰蛇等等;
高端点的可以看看罗技的G402和G502,雷柏的V910等等;
都是很不错的鼠标。

通过鼠标的事件来激发!随便找了些鼠标特效的网站: >首先进入QQ空间装扮页面,
然后在选择单品!
在饰品里面找到鼠标。
然后我们把地址复制下来。鼠标右击。点击属性!
然后在复制的地址!
最重要的一步了哦。把地址复制到一个文本文档里面。做下小小的修改!把“pre”修改成“orig”。把“_1gif”修改成“ani”。这里_1要修改进去哦。然后不要忘记咯。
我们在把下面修改好的地址复制到浏览器里面。然后下载鼠标文件!
鼠标文件下载好以后。就可以打开“控制面板”来更换鼠标啦
在选择鼠标按钮!
进入之后选择指针。然后点击右下角的浏览!
再把刚刚下载的更换现在的。
如果要换回来
改成默认的就可以啦!

首先我们创建一个html文件,写出html文件的一些基础代码
然后我们在网页中新建一个div,并新建一个
无序列表并创建4个然后使用浏览器直接打开html文件,查看效果,可以看到我们创建的标签自带有一定的格式,
接下来我们使用下面的代码去除标签的格式,其中:list-style:none; 表示去除标签的格式width:160px; 表示设置标签的宽height:240px;表示设置标签的高background:#666666;表示设置标签的背景色float:left;表示设置标签浮动显示,并且为左浮动margin-right:20px;表示设置标签右外边距
刷新浏览器中html文件查看效果,
这里我们开始添加动画:

标签添加:
transition:transform 01s;
transform表示变换的属性,01上表示表换所需要的时间另外给标签添加鼠标滑动属性
li:hover{cursor:pointer;transform:translate(0,-10px);}
cursor:pointer;表示鼠标滑过显示为小手形状
transform:translate(0,-10px);translate表示移动,第一个参数为水平移动值,第二个参数为垂直移动值,
进入浏览器直接查看效果,如下图实现了鼠标滑过块,块上移的动画特效,如下图:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13301653.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-10
下一篇 2023-07-10

发表评论

登录后才能评论

评论列表(0条)

保存