一款震撼的图片展示的效果

 查看演示  website  立即下载

==========以下内容由会员 只看不发了 提供==============

使用方法

为了代码的整洁可读性，我们更推荐使用外部CSS和JavaScript

1.将文档中的css样式保存到一个css文件（style1.css）中，并在该文档中链接style1.css

<link rel="stylesheet" type="text/css" href="css/style1.css" media="screen">

2.将文档中的JavaScript脚本保存到一个js文件（show.js）中，并在该文档中链接style1.css

<script type="text/javascript" src="js/show.js"></script>

3.html代码

<div id="bankImages">
	<img alt="" src="img/1.jpg">
	<img alt="" src="img/2.jpg">
	<img alt="" src="img/3.jpg">
	<img alt="" src="img/4.jpg">

	<img alt="" src="img/5.jpg">
	<img alt="" src="img/6.jpg">
	<img alt="" src="img/7.jpg">
	<img alt="" src="img/8.jpg">

	<img alt="" src="img/9.jpg">
	<img alt="" src="img/10.jpg">
	<img alt="" src="img/1.jpg">
	<img alt="" src="img/2.jpg">

	<img alt="" src="img/3.jpg">
	<img alt="" src="img/4.jpg">
	<img alt="" src="img/5.jpg">
	<img alt="" src="img/6.jpg">
</div>

4.当前页面加载完毕后执行初始化方法（注意要写在以上代码后边）

<script type="text/javascript">
	onresize = tv.resize;
	tv.init();
</script>

PREVIOUS:
NEXT:
jQuery图像放大插件jQuery.imageView
手机触屏TAB菜单