JavaScript

<script type="text/javascript">

//click() 绑定单击事件,或者触发单击事件
$(“div”).click(function(){
alert(“这是一个单击事件”)
});
$(“#btnId”).click(function(){
$(“div”).click();
});

       //mouseover()  鼠标移入事件
        $("#btnId").mouseover(function (){
            console.log("鼠标移入事件")
        });
        //mouseout()  鼠标移出事件
        $('#btnId').mouseout(function(){
            alert("鼠标移出事件")
        });
     // bind() 可以给元素一次性绑定一个或多个事件。
        $("div").bind("click",function(){
            alert("这是bind绑定的click事件")
        });
     // bind() 绑定多个事件。
        $("div").bind("click mouseover",function(){
            alert("这是bind绑定的click事件")
        });
     // one() 可以给元素一次性绑定一个或多个事件。每个事件只相应一次
        $("div").one("click mouseover",function(){
            alert("这是bind绑定的click事件")
        });
    //unbind() 解除绑定事件
        //live() 绑定事件,它可以用来绑定选择器匹配的所有事件 哪怕这个元素时后面动态创建出来的也有效
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
73个效果的实例 01:___CSS+JS滚动图片功能代码 02:___CSS使用图片完美修饰的全兼容圆角框 03:___CSS制作的类似相册浏览的功能 04:___CSS完成神奇创意的相框 05:___CSS实现自适应的图片背景边框 06:___CSS将图片自动变为圆角 07:___CSS强制等比例缩小图片 08:___Javascript仿Flash图片轮翻 09:___JavaScript图片滚动(绝对酷) 10:___JavaScript生成弹性透明的图片放大代码 11:___JavaScript由左向右的图片渐变过渡 12:___JavaScript动态控制图片透明度的变化 13:___JavaScript图片放大 14:___JavaScript图片特效 15:___JavaScript图片预加载代码,显示loading 16:___JavaScript改变图片透明度,鼠标放上渐渐显示 17:___JavaScript真正的鼠标放上动画加载大图的 18:___JS+CSS给图片加上鼠标滑过的方框 19:___JS卡通图片切换 20:___JS图片切换,带缩略图版 21:___JS图片滚动代码(无缝、平滑) 22:___Js图片连续左右滚动 23:___Js拖动特效,一串水晶球(很强大) 24:___JS放大镜,JavaScript图片放大代码 25:___JS点击小图预览大图(仿淘宝) 26:___亮丽的JS图片渐变导航 27:___从两侧向中间拼合的JavaScript图片切换效果 28:___仿265网站LOGO,会盯着你看的眼睛 29:___像弹簧一样抖动的横向图片滚动 30:___前后轮翻的JS图片幻灯切换 31:___动态的Loading文字,逐个变大 32:___可控的纵向图片滚动 33:___右下角随机显示的JS图片广告 34:___向上翻动的内容切换示例 35:___图片友情链接滚动,横向,带控制按钮 36:___图片围成环形滚动,有空间感 37:___图片型不规则菜单的CSs实现 38:___图片拖拉缩放效果(仿PHOTOSHOP) 39:___图片控制内容框的文字上下翻滚 40:___图片旋转构成3D圆环的展示特效 41:___图片点击后变灰色的CSs代码 42:___图片闪烁代码 43:___图片雷达效果,像光照一样 44:___在图片上单击获取图片原始大小 45:___大幅JS焦点图切换 46:___左右切换鼠标可控的无缝图片滚动代码 47:___平滑图片滚动 48:___很有意思的图片分裂复制效果 49:___按比例缩放图片,JavaScript代码 50:___最简的JavaScript鼠标经过切换图片 51:___有点炫的JavaScript立体图片展示 52:___根据鼠标放上切换内容制作的图片导航 53:___浮动的图片广告 54:___清爽简洁的图片交替导航效果 55:___用CSS实现图片的双边框效果 56:___禁止在图片上使用右键 57:___竖向图片滚动 58:___纯CSS代码实现的图片列表滚动 59:___纯CSS实现鼠标移上图片添加阴影效果 60:___经典的图片切换 61:___网站首页js幻灯片代码 62:___美化过的匀速图片滚动 63:___腾讯QQ网站的Js图片切换 64:___自写Js+CSS轮显效果 65:___自动播放——Js幻灯片缓冲效果 66:___规定区域的JS拖动展示效果 67:___超漂亮Js+css图片幻灯切换 68:___马赛克效果的JS图片切换代码 69:___鼠标放到图片上会滑出提示文字 70:___鼠标滑过,缩略图放大显示(纯CSS) 71:___鼠标移上图片,变换出大图片 72:___鼠标经过图片时显示半透明文字,边框变色 73:___鼠标经过图片由灰色变彩色

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值