怎样嵌入这个漂亮的“全屏效果 jQuery 图片切换展示插件”

丘淳 发布于 2012/12/18 00:15
阅读 1K+
收藏 0

最近在论坛里面看到一个个人感觉不错的Jquery图片浏览插件,于是想试试。

但本人目前还是在学习HTML+CSS阶段,对于Javascript和Jquery还是很陌生的状况。所以尝试了很久,都无法正确的实现这种效果。

我就简单地写了一个HTML+CSS页面,里面放张相片。就想实现,“一点击,就能全屏观看图片的效果”

<!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=utf-8" />
<title>图片全屏测试</title>
</head>
<link rel="stylesheet" type="text/css" href="text.css"/>

<body>
<div class="all">
	<img src="南笙姑娘.jpg"/>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
.all{
	width:570px;
	height:385px;
	background-color:#C99;
	margin-left:350px;
	margin-top:80px;
	}
img{
	margin-left:10px;
	margin-top:10px;
	}
由于无法上传附件,只能把插件上传到网盘啦。

gurde-ZOOM-全屏效果的 jQuery 图片切换展示插件

http://pan.baidu.com/share/link?shareid=165643&uk=637764539

各位大师,看看能不能把这个漂亮的Jquery效果运用到我这个简单的页面上。

谢谢啦!!!

加载中
0
h
heifengwll
搞定没?没有的话 我弄好了给你发一份 ,可以联系369628105
返回顶部
顶部