JS实现钢性铸铁悬停操作的方法示例

本文实例讲述了射流研究…实现钢性铸铁悬停操作的方法。分享给大家供大家参考，具体如下：

盘旋我们可以用钢性铸铁的方式写，当然，也可以用射流研究…的方式写

htmlhead titlejs的下拉菜单效果/title style type=' text/CSS ' * { padd :0 px；margin :0 px } ul Li { list-style : none；} a{ text-decoration: none } .收割台{高： 45px背景-颜色： # FBFBFB边框-底部： 1px实心# C7c 7；} .收割台-中央{宽度： 1000像素；高度： 100%;margin: 0自动相对位置：} .表头-手机{宽度： 130 px绝对位置：top :0 right : 0；文本对齐：中心；}/* .header-mobile:hover .标题-手机列表{显示： }块；}*/.标题-手机a {显示器： }块；高度： 45px线高： 45pxcolor: # 000000}。标题-手机列表{显示：号；背景：url(bg.png)无重复；背景-位置20px 18px}。标题-手机列表li {高： 45px边框-bottom: 1px虚线灰色；字体系列： '微软雅黑；线高： 50px左衬垫左： 35px衬垫-top : 5px；}/style/header dy header class=' header ' div class=' header-center ' div class=' header-mobile ' id=' header mobile ' a href=' '移动客户端/a ul class=' header-mobile-list ' id=' mobile list ' Li新浪微博/li li新浪新闻/li li新浪体育/li li新浪娱乐/li li新浪财经/li li天气通/Li/ul/div/div/header/body脚本类型=' text/JavaScript '//封装选择idwindow。onload=function(){ function $(id){返回文档。getelementbyid(id)；}//鼠标进$(“移动标题”).onmouseover=function(){//this。风格。显示='无'；$(“MobiLe LiST”)。风格。display=' block '//给当钱的添加样式这个。风格。BoxShadow=' 0 2px 2px gray ' }//鼠标出$(“移动标题”).onmouseout=function(){ $(' mobileList ')。风格。display=' none '这个。风格。BoxShadow=' none ' }/script/html运行效果图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript事件相关操作与技巧大全》 、 《JavaScript页面元素操作技巧总结》 、 《JavaScript操作DOM技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。