非常漂亮的JS代码经典广告
更新时间：2007年10月21日 21:18:27 作者：
不错的图片切换演示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<TITLE>脚本之家 - www.jb51.net</TITLE>
<script type="text/javascript" src="mootools.js"></script>
<link href="imageMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imageMenu.js"></script>
</head>
<body >
<div id="kwick">
<ul class="kwicks">
<li class="kwick opt1"><span>1</span></li>
<li class="kwick opt2"><span>2</span></li>
<li class="kwick opt3"><span>3</span></li>
<li class="kwick opt4"><span>4</span></li>
<li class="kwick opt5"><span>5</span></li>
</ul>
</div>
<script type="text/javascript">
var myMenu ;
window.onload=load_var
function load_var(){
if (ImageMenu){myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});return}
else setTimeout ("load_var()",30)
}
</script>
<br />
<a href=https://www.jb51.net/> 脚本之家</a>
</body>
</html>
演示：
https://www.jb51.net/test/picslide/
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<TITLE>脚本之家 - www.jb51.net</TITLE>
<script type="text/javascript" src="mootools.js"></script>
<link href="imageMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="imageMenu.js"></script>
</head>
<body >
<div id="kwick">
<ul class="kwicks">
<li class="kwick opt1"><span>1</span></li>
<li class="kwick opt2"><span>2</span></li>
<li class="kwick opt3"><span>3</span></li>
<li class="kwick opt4"><span>4</span></li>
<li class="kwick opt5"><span>5</span></li>
</ul>
</div>
<script type="text/javascript">
var myMenu ;
window.onload=load_var
function load_var(){
if (ImageMenu){myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});return}
else setTimeout ("load_var()",30)
}
</script>
<br />
<a href=https://www.jb51.net/> 脚本之家</a>
</body>
</html>
演示：
https://www.jb51.net/test/picslide/
相关文章
List the Stored Procedures in a SQL Server database
List the Stored Procedures in a SQL Server database...2007-06-06
js document.images获取页面中的所以图片并显示出来2008-05-05
根据用户选择国家名词，显示对于的国家国旗2008-08-08
随着浏览器安全性的提高，要实现图片预览也越来越困难。不过群众的智慧是无限的，网上也有很多变通或先进的方法来实现。在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。2009-12-12
图片向上滚动...2006-07-07
有时候我们的图片上传等功能，需要验证客户端的图片大小，比较只能上传小于100K的图片，这里客户端先简单的验证下。2010-04-04
这阵子琢磨着做一个可扩展的“相册”，其实就是一个JS做的用来展示图片的组件。 不过何为可扩展呢？2010-11-11
纯CSS 漂亮的立体图片边框效果，图片阴影代码，个人觉得这个挺实用，CSs实现的，定义成类，可让你整个网页上的图片都是有立体阴影的，不错吧，感谢作者分享。2010-10-10
用户客户端检测图片的大小，实际应用中，服务器端测试仍必不可少。2009-12-12
用javascript实现图片马赛克后显示并切换...2007-04-04
最新评论