欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

每日更新|TOP排行榜|Tag標簽|充值

無憂首頁網頁模板程序模板建站教程視頻教程網頁特效圖標素材字體下載站長工具站長問答

網頁特效代碼模板無憂>網頁特效>菜單導航特效代碼>

收藏分享查看評論菜單導航

JS+CSS但分類動態選擇及移動功能_菜單導航特效

查看演示效果

特效Tag：選項卡 Tab 添加

這是一個類似選項卡功能的選擇插件，與普通的TAb區別是加入了動畫效果，多用于商品類網站，用作商品分類功能，不過其它網站也可以用，點擊運行一下你會知道它的奧妙，它用JavaScript模擬出了Flash動畫的效果，很貼切。

<HEAD>
<TITLE>JS+CSS商品動態選擇及移動功能</TITLE>
<meta http-equiv="Content-Type" mrc="text/html; charset=GBK">
<style language="javascript">

</style>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var speed=10;//速度
var ci = 10;//運動次數
var left=0;//方框左位置
var top=0;//方框上位置
var width=0;//方框寬
var height=0;//方框高
var aimleft=0;//目標左位置
var aimtop=0;//目標上位置
var aimwidth=0;//目標寬
var aimheight=0;//目標高
var lb=0;//左步長
var tb=0;//上步長
var wb=0;//寬步長
var hb=0;//高步長
var fk = null;
var aim = null;
var aim1 = null;
function initObj(oid){
	if (!fk){fk = document.getElementById('fk');}
	if (!aim){aim = document.getElementById('aim');}
	if (!aim1)aim1 = document.getElementById('aim1');
	if (oid)
		append(fk,document.getElementById(oid),true);
}
function append(o,oc,cloned){
	while (o.hasChildNodes())o.removeChild(o.firstChild);
	if (cloned)oc = oc.cloneNode(true);
	oc.className = 'show';
	o.appendChild(oc);
}

function setSource(obj,oid){
	initObj(oid);
	left      = getOffset(obj).Left;
	top       = getOffset(obj).Top;
	width     = obj.offsetWidth;
	height    = obj.offsetHeight;
	aimleft   = getOffset(aim).Left;
	aimtop    = getOffset(aim).Top;
	aimwidth  = aim.offsetWidth;
	aimheight = aim.offsetHeight;
	fk.style.display='';
	clearInterval(MyMar);
}
/**
* 設置方向步長、寬高步長
*/
function setStep(){
	lb = (aimleft-left)/ci;
	tb = (aimtop-top)/ci;
	wb = (aimwidth-width)/ci;
	hb = (aimheight-height)/ci;
}
/**
* 移動
*/
function move(){
	setStep();
	left+=lb;
	top+=tb;
	width+=wb;
	height+=hb;
	if(left<aimleft-2 || top<aimtop-2 || width<aimwidth-2 || height<aimheight-2){
		fk.style.left = left+"px";
		fk.style.top = top+"px";
		fk.style.width = width+"px";
		fk.style.height = height+"px";
	}else{
		if (fk)
			while(fk.hasChildNodes()){append(aim1,fk.firstChild);}
		hiddenFK();
		clearInterval(MyMar)
	}
}
function hiddenFK(){
	initObj();
	fk.style.display='none';
}
/**
* 取得某元素在頁面中相對頁面左上頂點的位置
*/
function getOffset(obj){
	var offsetleft = obj.offsetLeft;
	var offsettop = obj.offsetTop;
	while (obj.offsetParent != document.body)
	{
		obj = obj.offsetParent;
		offsetleft += obj.offsetLeft;
		offsettop += obj.offsetTop;
	}
	return {Left : offsetleft, Top : offsettop};
}
var MyMar=setInterval(move,speed);
//-->
</SCRIPT>
<div id="fk" style="position: absolute; width: 46px; height: 20px; border: 1px solid #000000 ; display: none"></div>
<TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0>
<TR bgcolor=#ffffff>
	<TD onClick="setSource(this,'t1');MyMar=setInterval(move,speed)">ASP</TD>
	<TD onClick="setSource(this,'t2');{MyMar=setInterval(move,speed)}">PHP</TD>
	<TD onClick="setSource(this,'t3');{MyMar=setInterval(move,speed)}">ASP.NET</TD>
	<TD onClick="setSource(this,'t4');{MyMar=setInterval(move,speed)}">JSP</TD>
	<TD onClick="setSource(this,'t5');{MyMar=setInterval(move,speed)}">AJAX</TD>
	<TD onClick="setSource(this,'t6');{MyMar=setInterval(move,speed)}">DELPHI</TD>
</TR>
</TABLE>
<br><br>
<br><br>
<br><br>
<TABLE id="aim" style="border: 1px solid #666666 ; width: 227px; height: 300px;">
<TR>
	<TD id='aim1' valign="top"></TD>
</TR>
</TABLE>
<br>
<br>
<br>
<br>
<TABLE style="border: 1px solid #666666" cellspacing=1 bgcolor=#ff1111 cellpadding=4 border=0>
<TR bgcolor=#ffffff>
	<TD onClick="setSource(this,'t1');MyMar=setInterval(move,speed)">ASP</TD>
	<TD onClick="setSource(this,'t2');{MyMar=setInterval(move,speed)}">PHP</TD>
	<TD onClick="setSource(this,'t3');{MyMar=setInterval(move,speed)}">ASP.NET</TD>
	<TD onClick="setSource(this,'t4');{MyMar=setInterval(move,speed)}">JSP</TD>
	<TD onClick="setSource(this,'t5');{MyMar=setInterval(move,speed)}">AJAX</TD>
	<TD onClick="setSource(this,'t6');{MyMar=setInterval(move,speed)}">DELPHI</TD>
</TR>
</TABLE>
<div id="t1" class="hidden">ASP</div>
<div id="t2" class="hidden">PHP</div>
<div id="t3" class="hidden">ASP.NET</div>
<div id="t4" class="hidden">JSP</div>
<div id="t5" class="hidden">AJAX</div>
<div id="t6" class="hidden">DELPHI</div>
</BODY>

所屬頻道：菜單導航特效/更新時間：2012-11-18

[收藏][報錯][返回列表]

相關菜單導航特效：

菜單導航特效Rss訂閱特效代碼搜索

菜單導航特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索JS+CSS但分類動態選擇及移動功能
特效說明：
菜單導航模板-JS+CSS但分類動態選擇及移動功能。

97se亚洲综合在线| 欧美视频在线免费| 日韩资源在线观看| 国产高清精品软男同| 日日噜噜夜夜狠狠久久波多野| 色婷婷成人网| 国产乱码精品一区二区三区忘忧草 | 亚洲自拍偷拍网址| 日本精品一二三区| 图片区小说区区亚洲五月| 新67194成人永久网站| 欧美少妇一区二区| 99视频免费观看| 水蜜桃av无码| 日本午夜精品久久久久| 懂色av一区二区夜夜嗨| 日韩高清欧美高清| 一区二区三区在线视频111| 紧身裙女教师波多野结衣| 噜噜噜天天躁狠狠躁夜夜精品| 久久综合成人精品亚洲另类欧美| 综合国产在线视频| 亚洲理论电影在线观看| 中文字幕人妻精品一区| 夜夜嗨网站十八久久 | 一级性生活免费视频| japanese色系久久精品| 久久精品免费在线观看| 欧美人交a欧美精品| 日韩欧美高清| www.久久色| 免费日本视频一区| 精品久久国产字幕高潮| 亚洲视频在线二区| 国产午夜精品久久久久| 国内成人在线| 777久久久精品| 日本视频一区在线观看| 国产无遮挡又黄又爽又色| 999久久久国产精品| 日韩欧美一区二区在线| 国内一区二区三区在线视频| 亚洲天堂黄色片| av资源久久| 日韩欧美福利视频| 动漫美女被爆操久久久| 欧美大片xxxx| 欧美hentaied在线观看| 色综合中文综合网| 国产一区二区精品在线| 少妇人妻丰满做爰xxx| 手机在线电影一区| 欧美天堂亚洲电影院在线播放| 蜜桃狠狠色伊人亚洲综合网站| 国产大学生自拍| 性欧美欧美巨大69| 欧美日韩一区二区三区在线看| 欧美1o一11sex性hdhd| 国产精品成人免费一区二区视频| 中文字幕一区二区三区久久网站| 欧美日韩在线精品一区二区三区激情| 欧美国产综合视频| 探花视频在线观看| 久久夜色精品| 亚洲一区二区久久久| 日av中文字幕| 欧美性理论片在线观看片免费| 久久综合九色综合欧美98| 51精品在线观看| 亚洲黄色在线网站| 亚洲区小说区图片区qvod| 亚洲.国产.中文慕字在线| 国产伦精品一区二区三毛| 国产在线一区视频| 最新国产拍偷乱拍精品| 亚洲精品xxxx| 国产性xxxx18免费观看视频| 日韩免费电影| 亚洲国产激情av| 成人黄色av播放免费| 日本精品人妻无码77777| 欧美喷水视频| 亚洲成人av片| 超碰97人人射妻| 99久久精品一区二区成人| 中文一区二区在线观看| 成人性教育视频在线观看| 好吊色视频在线观看| 在线日韩电影| 国产亚洲精品一区二555| 国产主播中文字幕| 成人黄色91| 亚洲不卡av一区二区三区| 免费看成人片| 国产精品无码AV| 丁香另类激情小说| 国产成人精品免费视频| 我要看一级黄色录像| 国产一区日韩一区| 亚洲午夜精品久久久久久性色| 免费看污污网站| 欧美国产中文高清| 欧美午夜无遮挡| 在线观看日本一区| 五月婷婷久久久| 中文字幕日韩欧美一区二区三区| 鬼打鬼之黄金道士1992林正英| 伊人手机在线视频| 国产精品综合一区二区三区| 欧美亚洲国产成人精品| 日本欧美国产| 一本久道久久久| 日韩在线不卡视频| 国产xxxxxxxxx| 91精品国产福利在线观看麻豆| 亚洲福利影片在线| 免费一区二区三区在线观看| 女同久久另类99精品国产| 欧美日产国产精品| 茄子视频成人免费观看| 日本在线成人| 欧美日韩视频第一区| 777777av| 精品中文在线| 欧美日韩一区二区电影| 国产96在线 | 亚洲| 精品成人18| 欧美系列亚洲系列| 91国产在线精品| 精品视频一区二区| 中文在线第一页| 成人精品国产免费网站| 成人春色激情网| 亚洲国产精品无码久久久| 成人免费看的视频| 91最新在线免费观看| 91青青草视频| 久久―日本道色综合久久 | 久久国产精品色av免费看| 欧美日韩国产一级| 久久综合久久色| 亚洲涩涩av| 亚洲精品久久在线| 免费看91视频| 亚洲最大av| 久久精品国产电影| 一级片久久久久| 丝袜美腿亚洲一区| 青草热久免费精品视频| 日韩精品久久久久久久酒店| 国产高清久久久| 亚洲永久免费观看| 国产精品特级毛片一区二区三区| 中文字幕亚洲电影| 亚洲国产精品影视| 日韩黄色碟片| 欧美高清www午色夜在线视频| 婷婷免费在线观看| 久久精品99久久无色码中文字幕| 在线播放精品一区二区三区| 日韩精品无码一区二区三区久久久| 新67194成人永久网站| 欧美亚洲第一区| 少妇高潮av久久久久久| 国产欧美视频在线观看| 色吧亚洲视频| 小说区图片区亚洲| 7777精品伊人久久久大香线蕉| 天天干天天玩天天操| 欧美gayvideo| 久久av.com| 国产一级片久久| 成人福利电影精品一区二区在线观看| 成人综合色站| 亚洲日本香蕉视频| 欧美性一级生活| 潘金莲激情呻吟欲求不满视频| 亚洲成人最新网站| 欧美激情亚洲国产| 免费av网站在线| 国产精品入口麻豆九色| 天天干天天操天天干天天操| 亚洲一区二区三区四区电影| 精品福利一二区| 精品人妻一区二区三区视频| 日韩福利电影在线观看| 成人疯狂猛交xxx| 黄色av中文字幕| 一本到高清视频免费精品| 91人人澡人人爽人人精品| 亚洲最大av| 日本在线精品视频| 国产乱码精品一区二区| 精品动漫一区二区| 亚洲少妇久久久| 好吊视频一区二区三区四区| 欧洲成人在线视频| 国产毛片毛片毛片毛片| 狠狠久久五月精品中文字幕| 亚洲欧美手机在线| 免播放器亚洲| 99国产视频| 日韩毛片一区| 亚洲第一福利在线观看| 亚洲欧美va天堂人熟伦 | 欧美黄色片在线观看| 欧美videossex极品| 综合久久一区二区三区| 成年人黄色大片大全| 日韩国产在线| 97成人在线视频| 国产免费的av| 在线视频国内一区二区| 久久久久国产免费| 激情综合五月天| 久久精品国产美女| 日本少妇精品亚洲第一区| 亚洲天堂av在线播放| 久久精品视频久久| 亚洲日本电影在线| 久久久久久久片| 亚洲综合不卡| 国产伦精品一区二区三| 玖玖精品一区| 少妇高潮久久久久久潘金莲| 久久久国产精品成人免费| 亚洲精品国产a| 999在线观看| 日本不卡免费在线视频| 久久精品中文字幕一区二区三区 | 中文字幕欧美日韩| 看电视剧不卡顿的网站| 欧美国产一二三区| 亚洲aaa级| 性欧美办公室18xxxxhd| 国产成人三级在线播放| 欧美精品国产精品| 国产精品久久久久久成人| 久久夜色精品一区| 免费看又黄又无码的网站| 午夜精彩国产免费不卡不顿大片| 国产主播喷水一区二区| 日韩中文在线播放| 亚洲欧美激情另类校园| 日本三级中文字幕| 亚洲电影一区二区三区| 麻豆精品国产传媒| 粉嫩av一区二区三区| 黄色特一级视频| 黄色欧美日韩| 国产伦精品一区二区三区照片| 在线精品国产亚洲| 欧美日韩第一视频| 国产小视频一区| 亚洲加勒比久久88色综合| 日本一二三区视频| 亚洲国产中文字幕在线视频综合 | 精品视频高潮| 久久久久久成人| 国产91麻豆视频| 精品无码久久久久久国产| 日韩特黄一级片| 欧美性xxxxhd| 中国女人特级毛片| 中文字幕在线观看不卡视频| 性久久久久久久久久久久久久| 国产精品综合二区| 日韩精品视频在线观看视频| 99在线精品视频在线观看| 精品国产91亚洲一区二区三区www| 六月丁香久久丫| 国产精品video| 日韩国产91| 欧美大片免费观看| 天天操天天干天天插| 亚洲欧洲免费视频| 亚洲系列第一页| 精品久久一二三区| 亚洲天堂男人av| 欧美丰满嫩嫩电影| 国产精品a成v人在线播放| 狠狠躁夜夜躁人人躁婷婷91 | 国产成人日日夜夜| 亚洲不卡中文字幕无码| 日韩国产欧美在线视频| 亚洲综合激情五月| 国产精品亚洲欧美| 一区二区日本伦理| 亚洲精品日本| 亚洲精品中文综合第一页| 欧美午夜不卡| 日本一区免费看| 亚洲综合专区| 裸模一区二区三区免费| 天天影视欧美综合在线观看| 电影午夜精品一区二区三区| 国产一区二区精品久| 亚洲精品日韩av| 亚洲人成网亚洲欧洲无码| 成人精品一区二区三区| 久久久精品国产**网站| 国产精自产拍久久久久久| 国产66精品| 国产精品亚洲网站| 国产欧美一区二区三区米奇| 国产成人精品一区二区三区| 日本一区二区三区播放| 国产精品欧美在线| 国产成人tv| 成人久久一区二区| 国产一区二区三区91| 春色成人在线视频| 99久久久久国产精品| 蜜桃久久影院| 亚洲小说区图片区| 在线看成人av电影| 日韩高清不卡一区| 俄罗斯av网站| 国产二区国产一区在线观看| 国自在线精品视频| 黄色录像免费观看| 高跟丝袜欧美一区| 免费无遮挡无码永久在线观看视频| 欧美亚洲一区二区三区四区| 日本五十熟hd丰满| 日韩欧美一卡二卡| 国产精品久久久久久69| 在线观看欧美日韩国产| 偷拍中文亚洲欧美动漫| 韩国欧美亚洲国产| y111111国产精品久久久| 91精品美女在线| 精品久久精品| 日本成人黄色免费看| 国产欧美综合一区二区三区| 国产传媒久久久| 国产精品亚洲专一区二区三区| 91高清国产视频| 国产视频在线观看一区二区三区| 亚洲国产第一区| 欧美日韩国产中字| 看片网址国产福利av中文字幕| 精品成人一区二区三区四区| 国产黄色片免费观看| 久久伊人色综合| 亚洲精品777| 成人午夜激情网| 伊人久久大香线蕉综合四虎小说 | 视频一区二区三区中文字幕| 国产精品va无码一区二区| 99精品视频一区| 中文字幕日韩三级片| 欧美日韩一区二区在线 | 日日夜夜免费精品视频| aaa毛片在线观看| 国产色综合久久| 日韩欧美在线视频播放| 欧美日韩高清一区二区三区| 亚洲欧美久久234| 999久久久久久久久6666| julia一区二区中文久久94| 亚洲国产午夜| 91免费视频网站在线观看| 国产亚洲婷婷免费| 国产免费嫩草影院| 555夜色666亚洲国产免| 国产激情视频在线播放| 亚洲18私人小影院| 欧美猛男男男激情videos| 五月婷婷综合色| 国产成人免费网站| 黄色av网址在线观看| 欧美中文字幕亚洲一区二区va在线 | 你懂的国产精品| 亚洲自拍另类小说综合图区 | 色偷偷中文字幕| 亚洲香肠在线观看| 毛片在线免费视频| 中文字幕在线日韩| 日本在线成人| 久久精品人人做人人爽电影| 日韩国产精品91| 久久婷婷中文字幕| 精品久久久久久久久久| 欧美一级做a爰片免费视频| 麻豆国产va免费精品高清在线| 久久亚州av| 亚洲国产精品视频一区| 国产成人免费在线视频| 新91视频在线观看| 欧美一级片免费看| 伊人久久在线| 91精品视频免费看| 先锋a资源在线看亚洲| 伊人色在线视频| 欧美日韩中文在线观看| 国产免费黄色片| 日本亚洲欧洲色α| 国产精品地址| 日本美女视频一区|