非常漂亮的JS代碼經(jīng)典廣告
更新時(shí)間：2007年10月21日 21:18:27 作者：
不錯(cuò)的圖片切換演示效果
<!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.fzitv.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=http://www.fzitv.net/> 腳本之家</a>
</body>
</html>
演示：
http://www.fzitv.net/test/picslide/
復(fù)制代碼 代碼如下:
<!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.fzitv.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=http://www.fzitv.net/> 腳本之家</a>
</body>
</html>
演示：
http://www.fzitv.net/test/picslide/
相關(guān)文章
用javascript實(shí)現(xiàn)旋轉(zhuǎn)圖片效果的代碼
用javascript實(shí)現(xiàn)旋轉(zhuǎn)圖片效果的代碼...2007-11-11
圖片向上滾動(dòng)...2006-07-07
javascript預(yù)覽上傳圖片發(fā)現(xiàn)的問題的解決方法
前段時(shí)間做一個(gè)行業(yè)站點(diǎn)，其中商鋪有一塊功能是商鋪設(shè)置功能，要求是進(jìn)行版式，企業(yè)名稱，企業(yè)頭部LOGO，企業(yè)頭部背景進(jìn)行自定義設(shè)置。2010-11-11
用new Image()預(yù)先加載圖片真的有用嗎？...2007-09-09
js怎樣實(shí)現(xiàn)下拉框改變，它旁邊的圖像也改變
一般用于用戶選擇頭像或選擇性別的需要2008-09-09
javascript實(shí)現(xiàn)的三維正方體(兼容ie7,ff)
2008-02-02
比較方便的onMouseWheel縮放圖片效果...2006-09-09
非常不錯(cuò)的javascript 圖片慢慢下層效果...2007-08-08
電子商務(wù)網(wǎng)站經(jīng)常用到簡(jiǎn)單模仿一下,需要的朋友可以參考下。2011-12-12
推薦一個(gè)不錯(cuò)的圖片瀏覽效果...2007-06-06