<html>
<head>
<title>HTML5实现鼠标滑过Flash图片特效在线示例</title>
<script src="mootools-1.2.4-core-nc.js" type="text/javascript" ></script>
<link rel="stylesheet" href="image-hover.css" type="text/css" />
<link rel="stylesheet" href="image-hover-main.css" type="text/css" />
<script src="browserCheck.js" type="text/javascript" ></script>
</head>
<body>
<div id='container'>
<div id="adsense2" style="width:730px;margin:10px auto">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0107013120141921";
/* demo页面横幅广告 */
google_ad_slot = "4192399144";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id='image-container'>
<div class='img' id='img-1'>
<div class='mask'></div>
<img src='images/01.jpg' />
</div>
<div class='img' id='img-2'>
<div class='mask'></div>
<img src='images/07.jpg' />
</div>
<div class='img' id='img-3'>
<div class='mask' id='mask-1'></div>
<div class='mask' id='mask-2'></div>
<img src='images/05.jpg' />
</div>
<div class='img' id='img-4'>
<div class='mask'></div>
<img src='images/04.jpg' />
</div>
<div class='img' id='img-5'>
<div class='mask'></div>
<img src='images/06.jpg' />
</div>
<div class='img' id='img-6'>
<div class='mask'></div>
<img src='images/08.jpg' />
</div>
<div class='clearfix'></div>
</div>
<div class='clearfix'></div>
<br/>
<div id="adsense" style="width:730px;margin:10px auto">
<script type="text/javascript">/*demo页面横幅*/ var cpro_id = 'u956777';</script><script src="http://cpro.baidu.com/cpro/ui/c.js" type="text/javascript"></script>
</div>
<div style="width:700px;margin:10px auto 20px auto;padding:0 0 0 380px;overflow:hidden">
<iframe src="http://demo.itivy.com/include/follow.html" frameborder="0" scrolling="auto" marginwidth="0" marginheight="0" allowtransparency="true" width="645px" height="35px"></iframe>
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" style="margin:10px 0 0 -4px">
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_qzone"></a>
<a class="bds_douban"></a>
<a class="bds_xg"></a>
<span class="bds_more">更多</span>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours
();
</script>
<!-- Baidu Button END -->
</div>
<div style="display: none">
<script language="javascript" type="text/javascript" src="http://js.users.51.la/4473358.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fadd0db9dee36c7a9b64141788e26de72' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21395429-1']);
_gaq.push(['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</div>
</body>
</html>
HTML5实现鼠标滑过图片Flash效果
需积分: 35 146 浏览量
2014-05-08
15:20:36
上传
评论
收藏 319KB RAR 举报
HTML5实现鼠标滑过图片Flash效果.rar （11个子文件） 
html5-flash-gallery 
index.html 4KB
image-hover-main.css 1KB images 
05.jpg 41KB 06.jpg 53KB 07.jpg 50KB 08.jpg 52KB 01.jpg 60KB 04.jpg 35KB mootools-1.2.4-core-nc.js 105KB browserCheck.js 172B image-hover.css 2KB资源评论
