您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

  • 纯CSS3实现超酷进度条效果

    纯CSS3实现超酷进度条效果

    CSS3实现超酷进度条效果
    纯CSS3实现超酷进度条效果
    js代码

    <script src="http://code.jquery.com/jquery-latest.min.js"></script><script> $(document).ready(function() { $('.quarter').click(function() { $(this).parent().prev().children('span').css('width', '25%'); }); $('.half').click(function() { $(this).parent().prev().children('span').css('width', '50%'); }); $('.three-quarters').click(function() { $(this).parent().prev().children('span').css('width', '75%'); }); $('.full').click(function() { $(this).parent().prev().children('span').css('width', '100%'); }); });</script>

    下载地址
    预览地址

  • jQuery+CSS3方向感知悬停效果

    jQuery+CSS3方向感知悬停效果

    jQuery+CSS3方向感知悬停效果
    jQuery+CSS3方向感知悬停效果
    引用js代码

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="js/jquery.hoverdir.js"></script><script type="text/javascript"> $(function() { $('#da-thumbs > li').hoverdir(); });</script>

    下载地址
    预览地址

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!