感应鼠标的图片遮罩动画效果

所属分类：网络编程 / JavaScript 阅读数： 509

收藏 0赞 0分享

<!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> <title>感应鼠标的图片遮罩动画效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312">    </head> <body> 如果左下角提示错误，刷新一下就可以了。 <div class="examples_body"> <ul class="bannerHolder"> <li> <div class="banner"> <a href="#" target="_blank"><img height="100" width="125" alt="The Best Designs" src="https://cdn.zhanzhang360.cn/imgupload/006078/20101031232000647.jpg"></a> <p class="companyInfo">Visit The Best Designs</p> <div class="cornerTL"></div> <div class="cornerTR"></div> <div class="cornerBL"></div> <div class="cornerBR"></div> </div> </li> <li> <div class="banner"> <a href="#" target="_blank"><img height="100" width="125" alt="The Best Designs" src="https://cdn.zhanzhang360.cn/imgupload/006078/20101031232000265.jpg"></a> <p class="companyInfo">Visit The Best Designs</p> <div class="cornerTL"></div> <div class="cornerTR"></div> <div class="cornerBL"></div> <div class="cornerBR"></div> </div> </li> <li> <div class="banner"> <a href="#" target="_blank"><img height="100" width="125" alt="The Best Designs" src="https://cdn.zhanzhang360.cn/imgupload/006078/20101031232000265.jpg"></a> <p class="companyInfo">Visit The Best Designs</p> <div class="cornerTL"></div> <div class="cornerTR"></div> <div class="cornerBL"></div> <div class="cornerBR"></div> </div> </li> <li> <div class="banner"> <a href="#" target="_blank"><img height="100" width="125" alt="The Best Designs" src="https://cdn.zhanzhang360.cn/imgupload/006078/20101031232000235.jpg"></a> <p class="companyInfo">Visit The Best Designs</p> <div class="cornerTL"></div> <div class="cornerTR"></div> <div class="cornerBL"></div> <div class="cornerBR"></div> </div> </li> <li> <div class="banner"> <a href="#" target="_blank"><img height="100" width="125" alt="The Best Designs" src="https://cdn.zhanzhang360.cn/imgupload/006078/20101031232000225.jpg"></a> <p class="companyInfo">Visit The Best Designs</p> <div class="cornerTL"></div> <div class="cornerTR"></div> <div class="cornerBL"></div> <div class="cornerBR"></div> </div> </li> </ul> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

感应鼠标的图片遮罩动画效果

javascript if条件判断方法小结

javascript教程:关于if简写语句优化的方法

wap浏览自动跳转到wap页面的js代码

jqGrid读取选择的多行的某个属性代码

让alert不出现弹窗的两种方法

JSON+HTML实现国家省市联动选择效果

javascript的alert box在java中如何显示多行

绑定回车enter事件代码

Jquery 返回json数据在IE浏览器中提示下载的问题

用jquery实现的一个超级简单的下拉菜单

网络赚钱

站长故事