jQuery技术

jquery左右折叠框

字号+ 作者:H5之家 来源:H5之家 2017-11-22 14:00 我要评论( )

网站左右折叠框: 效果: ...

<!DOCTYPE html> <html> <style> #Kefclose,#Kefopen{position:absolute;left:-32px;top: 35%;display:block;width:32px;height: 100px;border-radius:15px 0 0 15px} #Kefclose{background:url(../images/cclose.png) no-repeat center center #eee;background-size:20px;} #Kefopen{background:url(../images/oopen.png) no-repeat center center #eee;background-size:20px;} #Kefopen{display:none;} </style> <body> <div id=> <a href=id=></a> <a href=id=></a> </div> <script> $(dunction(){ $().click(function () { $().animate({ marginRight: }, ,function(){ $().hide(); $().show(); }); }); $().click(function () { $().animate({ marginRight:, display: }, , function () { $().hide(); $().show(); }); }); }); </script> </body> </html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery的deferred对象学习总结

    JQuery的deferred对象学习总结

    2017-11-15 11:17

  • 非法集资案件、金额首现“双降” 下月起开展专项排查

    非法集资案件、金额首现“双降” 下月起开展专项排查

    2017-11-09 10:01

  • wpython学习点滴记录

    wpython学习点滴记录

    2017-10-28 13:19

  • HTML5中的data-*属性

    HTML5中的data-*属性

    2017-09-20 16:36

网友点评