鼠标移动图片上特效

 

鼠标移动图片上特效,点击可以查看大图
需      要: 0.0 金币
折      扣: 100 (% 折)
 
相关搜索: 鼠标 移动 图片上特效 
下载次数: 17
支持一下(4)
100.00%
踩一下(0)
0.00%
  • 下载等级:
  • 编  号: 20120601173743
  • 浏览器兼容Firefox9.0及以前,Firefox10.0,Chrome17.0及以前,Chrome18.0,Opera
  • 更新日期: 2012-06-01
  • 大  小: 237.31K
  • 浏览次量: 3880
  • 开发者链接: 官网  演示
  • 相  关: 违规举报
  • 收  藏:( 1 人收藏) 加入收藏
  • 此内容校验人员: sinacomcn
分享到:   
pengbin  
 中尉 上传于/2012-06-01 17:39:25
VIP会员   
   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>鼠标移动图片上特效 by 25175</title>
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link href='http://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css' />
        <noscript>
            <link rel="stylesheet" type="text/css" href="css/noscript.css" />
        </noscript>
        <script type="text/javascript" src="js/modernizr.custom.72835.js"></script>
    </head>
    <body>
        <div class="container">
           <div class="header">
                <a href="http://www.25175.com">25175 >></a>
            </div>
            <div class="wrapper">
                <!-- If browser does not support border radius, show this message -->
                <p class="message">Your browser does not support the border-radius property!</p>
                <div class="section">
                    <div class="normal-trigger-area">
                        <a href="#" id="circle" class="ec-circle">
                            <h3>Hovered</h3>
                        </a>
                    </div>
                    <div class="content">
                        <h1>Hover and Click Trigger for Circular Elements <span>with jQuery</span></h1>
                        <p>元素的边界半径50%(这使得元素显示为一个圈),悬停事件被触发鼠标在元素本身,其长方形(参见虚线轮廓)。</p>
                        <p><a href="http://www.25175.com" title="更多Jquery特效">25175</a></p>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.circlemouse.js"></script>
        <script type="text/javascript">
            $(function() {
                
                $('#circle').circlemouse({
                    onMouseEnter    : function( el ) {
                    
                        el.addClass('ec-circle-hover');
                    
                    },
                    onMouseLeave    : function( el ) {
                        
                        el.removeClass('ec-circle-hover');
                        
                    },
                    onClick            : function( el ) {
                        
                        alert('Hello world');
                        
                    }
                });
                
            });
        </script>
    </body>
</html>

 购买记录
hi1984
新兵
cnzsq
新兵
ztdhtong
新兵
miladhamzelo
新兵
cping1210
新兵
rg0606
新兵
zgh9412
新兵
刘涛_90
新兵
zw124578
新兵
chenzhigang52
新兵
renyuan2ni
新兵
bukunguo
新兵
会员评论:  

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

  验证码:
 
反馈请帮助我们提高!意见反馈