Login
网站首页 > 文章中心 > 其它

原生js特效大全_分享js 特效,鼠标滑过,显示浮层

作者:小编 更新时间:2023-07-27 17:03:20 浏览量:404人看过

吧onclick 改成onmouseover 就行了

.onmouseover

.mouseover( handler(eventObject) )

handler(eventObject)

类型: Function()

添加的版本: ①④③mouseover( [eventData ], handler(eventObject) )

eventData

类型: PlainObject

一个对象,它包含的数据键耐败值对映射将被传递给事件处理程序.

添加的版本: ①0.mouseover()

这个方法不亏亩肆接受任何参数.

window.onload=function () {

var oH3 = document.getElementById("all");

var oUl = document.getElementById("main_navin");

oH③onmouseover = function () {

if(this.className =='') {

this.className = 'on';

oUl.className = 'on';

}

誉袭尺敏 };

oH③onmouseout = function () {

if(this.className == 'on') {

this.className = '';

oUl.className = '';

};

希望对你陵虚枝有用.

简单岩雀的比如鼠标事件(滑过、放上、离开产生的动态变化)、表格的展开与合并、菜单的动态设计(也族弯是展开合并或者树状结构的菜单都可以实现)、消息框等...

麻烦点的,比如页面时钟、浮动窗口、托窗...

如果想玩的炫点的话,可以考虑2L说的JQuery,对动态效果的设计蛮方便的.兆枣闷.

①.、onClick单击事件,常用于button\radio\checkbox\reset buttons\submit buttons对象上面.

②.、onChange改变事件,常用于textbox \textarea对象上面,当输入的字符值改变时执行对应的事件代码.

③.、onSelect选中事件,当text或textarea对像中的文字被加亮后,引发该事件.

④.、onFocus获得焦点事件伏纯,当用户银猜单击Text对像以及select对象时,产生该事件.

⑤.、失去焦点onBlur,当不在拥有焦点而退到后台时,引发该事件.

⑥.、载入文件onLoad事件,当文档载入时,产生该事件.onLoad一个作用就是在首次载入一个缺搏咐文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用.

⑦.、制裁文件onUnload事件,当WEB页退出时引发onUnload事件,并可更新Cookie的状态.

好像已经有人给你解答了

我就不多啰嗦了呵呵呵!

不过,"郁闷蓝点"的回答中的一部分代码:e.clientY

会存在浏览器兼容性问题

也就是说,岩销这句代码在不同浏览器下,效果会不一样,或者干脆森穗就没有效果

所以这点此枣卜你要注意

比较基础的:

①区块的隐藏显示,雹敬折叠源侍慎展开,颜色渐变

②滚动条缓慢拖动,延时响应.

③弹窗效果,遮罩层效果,区块移动.

⑤表单值监控筛选.

略微入门的:

①图片轮播,区块轮播

②无限加载,多级菜单

我目前的技谈芹术,一般也就用到如上这些..

以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用,就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章