emlog让你网站的文本超链做左右滑动特效

2017-2-20 亿零 Html/Css/Js

第一步:在尾部footer.php导入JS代码:

  1. <script src="http://oc3b8f69s.bkt.clouddn.com/jquery.cookie.js"></script>
  2. <SCRIPT>
  3. jQuery(function(){
  4. //网站换肤
  5. var $li =$("#skin li");
  6. $li.click(function(){
  7. switchSkin( this.id );
  8. });
  9. var cookie_skin = $.cookie("MyCssSkin");
  10. if (cookie_skin) {
  11. switchSkin( cookie_skin );
  12. }
  13.  
  14.  
  15. $("a.sideA").hover(function(){
  16. $(this).stop().animate({marginLeft:"12px"},100);
  17. },function(){
  18. $(this).stop().animate({marginLeft:"0px"},100);
  19. });
  20.  
  21. $("#Content_ContentList table tr").hover(function(){
  22. $(this).addClass("hover");
  23. },function(){
  24. $(this).removeClass("hover");
  25. });
  26. });
  27. </SCRIPT>

给想要加入特效的文本加class=sideA特效

09dd1487213625.png

10fb1487213625.png

只有加入class=sideA属性的文本才会有特效哦!


js已经保存,喜欢的大家可以下载修改成本地


原文地址:

emlog让你网站的文本超链做左右滑动特效(原创)


js下载链接:传送门 密码:azxf


标签: JS emlog Css

Powered by emlog 陕ICP备16016230号