使用方法由 ChasonMa 提供
引入样式 style.css:
1 | <link rel= "stylesheet" href= "css/style.css" type= "text/css" /> |
引入 jquery文件:
1 | <script src= "js/jquery-2.0.3.min.js" type= "text/javascript" ></script> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <script type= "text/javascript" > $(document).ready( function (){ $( ".side ul li" ).hover( function (){ $( this ).find( ".sidebox" ).stop().animate({ "width" : "124px" },200).css({ "opacity" : "1" , "filter" : "Alpha(opacity=100)" , "background" : "#ae1c1c" }) }, function (){ $( this ).find( ".sidebox" ).stop().animate({ "width" : "54px" },200).css({ "opacity" : "0.8" , "filter" : "Alpha(opacity=80)" , "background" : "#000" }) }); }); //回到顶部 function goTop(){ $( 'html,body' ).animate({ 'scrollTop' :0},600); } </script> |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com