国产美女视频91_老司机免费视频一区二区_97精品超碰一区二区三区_蜜桃视频在线观看一区_99热精品一区二区_成人av在线看_高清国产一区二区三区_久久精品国产网站_免费人成精品欧美精品_av中文一区二区三区

<strike id="a20ww"><rt id="a20ww"></rt></strike>

<fieldset id="a20ww"></fieldset>

歡迎來到懶人圖庫！返回首頁網站地圖懶人工具箱

當前位置：首頁 > JS代碼 > JS特效代碼 > 圖片特效

JS實現圖片翻書效果

2009-08-11　來源/作者：懶人圖庫　分類：圖片特效　 «»

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS實現圖片翻書效果-懶人圖庫</title>
<META http-equiv=imagetoolbar content=no>
<STYLE type=text/css>
#center {
	LEFT: 50%; POSITION: absolute; TOP: 50%
}
#DHTMLBOOK {
	BACKGROUND: #000; LEFT: -210px; VISIBILITY: hidden; WIDTH: 420px; POSITION: relative; TOP: -160px; HEIGHT: 320px
}
#TXTBOX {
	FONT-SIZE: 0.8em; WIDTH: 410px; COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 320px; TEXT-ALIGN: center
}
.page {
	OVERFLOW: hidden; BORDER-LEFT: #000000 1px solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; HEIGHT: 100%
}
.right {
	BORDER-RIGHT: #000000 1px solid; LEFT: 50%
}
.turn {
	BACKGROUND: #000000
}
.img {
	WIDTH: 200%; POSITION: absolute; HEIGHT: 100%
}
</STYLE>

<SCRIPT type=text/javascript><!--

document.onselectstart = function () { return false; }

var nI  = 0;
var kI  = 0;
var run = false;

function setOpacity(obj,o) {
	if (o<0) o=0; else if (o>100) o = 100;
	if (obj.filters)obj.filters.alpha.opacity=o; else obj.style.opacity = o/100;
}
function TPR__(p) {
	P1.style.left  = 50-(2.5*p)+"%";
	P1.style.width = (2.5*p)+"%";
	setOpacity(P1i, .5*p*p);
	if (p == 20) run = false;
}
function TPR_(p) {
	P2.style.width = 50-(2.5*p)+"%";
	setOpacity(P2i, 100-.5*(p*p));
	if (p == 20) {
		P2i.src = IMGSRC[kI].src;
		setOpacity(P2i, 100);
		P2.style.width = "50%";
		for(var i=1; i<=20; i++) setTimeout("TPR__("+i+")", i*32);
	}
}
function TPR() {
	if (!run) {
		run = true;
		P01i.src = IMGSRC[kI].src;
		P1.style.width = 0;
		kI++;
		if (kI>=nI) kI = 0;
		titLe(kI);
		P02i.src = IMGSRC[kI].src;
		P1i.src  = IMGSRC[kI].src;
		for (var i=1; i<=20; i++) setTimeout("TPR_("+i+")", i*32);
	} else setTimeout("TPR()", 100);
}

function TPL__(p) {
	P2.style.width = (2.5*p)+"%";
	setOpacity(P2i, .5*p*p);
	if (p == 20) run = false;
}
function TPL_(p) {
	P1.style.left  = (2.5*p)+"%";
	P1.style.width = 40+(10-2.5*p)+"%";
	setOpacity(P1i, 100-.5*(p*p));
	if (p == 20) {
		P1i.src = IMGSRC[kI].src;
		setOpacity(P1i, 100);
		P1.style.left  = 0;
		P1.style.width = "50%";
		for(var i=1; i<=20; i++) setTimeout("TPL__("+i+")", i*32);
	}
}
function TPL() {
	if (!run) {
		run = true;
		P02i.src = IMGSRC[kI].src;
		P2.style.width = 0;
		kI--;
		if (kI < 0) kI = nI-1;
		titLe(kI);
		P01i.src = IMGSRC[kI].src;
		P2i.src  = IMGSRC[kI].src;
		for(var i=1; i<=20; i++) setTimeout("TPL_("+i+")", i*32);
	} else setTimeout("TPL()", 100);
}
function titLe(p) {
	document.getElementById("TXTBOX").innerHTML = IMGSRC[p].alt;
}
onload = function() {
	IMGSRC  = document.getElementById("imgsrc").getElementsByTagName("img");
	DB      = document.getElementById("DHTMLBOOK");
	P01     = DB.getElementsByTagName("span")[0];
	P01i    = P01.getElementsByTagName("img")[0];
	P02     = DB.getElementsByTagName("span")[1];
	P02i    = P02.getElementsByTagName("img")[0];
	P1      = DB.getElementsByTagName("span")[2];
	P1i     = P1.getElementsByTagName("img")[0];
	P2      = DB.getElementsByTagName("span")[3];
	P2i     = P2.getElementsByTagName("img")[0];
	nI      = IMGSRC.length;
	P1i.src = IMGSRC[kI].src;
	P2i.src = IMGSRC[kI].src;
	titLe(kI);
	DB.style.visibility = "visible";
}
//-->
</SCRIPT>

<META content="MSHTML 6.00.6000.16809" name=GENERATOR></HEAD>
<BODY>

<div   class="2ykcuc2"   id=center>
<div   class="ag0w0kq"   id=DHTMLBOOK><span id="oeseqk2"    class=page onMouseDown="return false;" ondblclick=TPL(); onclick=TPL();><IMG class=img></SPAN>
<span id="0iykkqa"    class="page right" onmousedown="return false;" ondblclick=TPR(); onclick=TPR();><IMG class=img style="LEFT: -100%"></SPAN>
<span id="mwgiek2"    class="page turn" onMouseDown="return false;" ondblclick=TPL(); onclick=TPL();><IMG class=img style="FILTER: alpha(); opacity: 1"></SPAN>
<span id="k0qqm0i"    class="page turn right" onmousedown="return false;" ondblclick=TPR(); onclick=TPR();><IMG class=img style="FILTER: alpha(); LEFT: -100%; opacity: 1"></SPAN> 
<div   class="yoak22s"   id=TXTBOX></DIV></DIV></DIV>
<div   class="ksec20a"   id=imgsrc style="VISIBILITY: hidden">
<IMG alt="In the early morning he departed." src="http://www.cxj168.com/down/js/images/12499727220.jpg">
<IMG alt="Believing she had dreamed of the roar of his bike," src="http://www.cxj168.com/down/js/images/12499727221.jpg">
<IMG alt="she woke up to the sunshine in her eyelids." src="http://www.cxj168.com/down/js/images/12499727222.jpg">
</DIV>
<p>查找更多代碼，請訪問：<a href="http://www.cxj168.com" target="_blank">懶人圖庫</a></p>
</BODY></HTML>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

用到的圖片：

注意：文章不要包含 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

標簽：圖片特效

相關代碼推薦

圖片垂直居中不隨滾動條滾動的JS代碼

圖片在窗口中上下左右垂直居中代碼

炫技！超酷的HTML 3D動態效果

CSS Filter屬性特效大全

給圖片加上播放按鈕

JS實現圖片翻書效果

圖片自動按比例縮小代碼（防止頁面被圖片撐破）

隨機顯示的廣告代碼

鼠標跟隨圖片特效

廣告代碼 全部››: 焦點圖; 全屏廣告; 對聯廣告; 在線客服; 相冊代碼; 菜單導航; TAB標簽; 懸浮漂浮; 視頻播放; 圖片特效; 翻牌書角; 其他代碼

特效代碼 全部››: 導航菜單; 表單按鈕; 文字特效; 表格圖層; 圖片特效; 時間日期; 滾動代碼; 窗口特效; 顏色背景; 網站常用; CSS樣式; 其他特效

猜你也喜歡看這些 ······: jQuery手風琴圖片滑動效果圖片特效2020-04-26; HTML5&SVG彩色線條文字時鐘特效代碼其他代碼2020-04-26; 像素方塊時鐘CSS3特效代碼其他代碼2020-04-26; 購物網站四聯CSS3圖片特效代碼圖片特效2020-04-24; 2021新年倒計時雪花代碼其他代碼2020-04-24

這些是最新的 ······: CSS3+JS滾動數字時鐘代碼時間日期2017-09-09; jQuery左右滾動4屏彈性焦點圖代碼網站常用2020-04-10; jQuery實現的平滑滾動選項卡其他特效2020-04-10; 圖片垂直居中不隨滾動條滾動的JS代碼圖片特效2020-04-10; 圖片在窗口中上下左右垂直居中代碼圖片特效2020-04-10

国产美女视频91_老司机免费视频一区二区_97精品超碰一区二区三区_蜜桃视频在线观看一区_99热精品一区二区_成人av在线看_高清国产一区二区三区_久久精品国产网站_免费人成精品欧美精品_av中文一区二区三区

狠狠网亚洲精品| 成人爱爱电影网址| 热久久一区二区| 精品在线亚洲视频| 91香蕉视频污| 国产精品综合二区| 日日夜夜免费精品| 国产成人午夜精品5599 | 成人18视频日本| 久久精品99国产精品| 成人av在线资源| 精品一区二区三区的国产在线播放| 粉嫩aⅴ一区二区三区四区五区| 日韩精品乱码免费| 不卡影院免费观看| 国产精品一区二区三区四区| 日韩1区2区3区| 波多野结衣中文字幕一区二区三区 | 国产成人av网站| 毛片基地黄久久久久久天堂| 99久久精品费精品国产一区二区| 国产精品一二三四五| 久久国产三级精品| 免费成人av在线| 91视频在线看| 成人动漫一区二区在线| 风流少妇一区二区| 福利电影一区二区三区| 丰满少妇久久久久久久| 国产一区在线精品| 国产在线麻豆精品观看| 精品一区二区三区不卡 | 成人精品一区二区三区四区| 国产成人精品在线看| 国产精品1区2区3区| 国产一区二区三区四| 精品一区二区三区日韩| 韩国毛片一区二区三区| 韩国理伦片一区二区三区在线播放| 免费成人av在线| 久久国产精品色| 韩国精品免费视频| 国产成人高清视频| 成人sese在线| 99re免费视频精品全部| 丝袜美腿亚洲色图| 蜜臀a∨国产成人精品| 久久99精品久久久久| 久久er精品视频| 国产乱码字幕精品高清av| 国产精品亚洲综合一区在线观看| 国产馆精品极品| hitomi一区二区三区精品| 91蝌蚪porny九色| 美国一区二区三区在线播放| 国内精品写真在线观看| 高清免费成人av| 水蜜桃久久夜色精品一区的特点| 日韩专区中文字幕一区二区| 久久99国产精品免费| 国产精品夜夜嗨| 97精品久久久久中文字幕| 日本成人在线一区| 国产一区二区三区在线观看免费 | 成人97人人超碰人人99| 日韩高清在线一区| 精品一区二区三区的国产在线播放| 国产专区欧美精品| av综合在线播放| 日韩在线卡一卡二| 国产很黄免费观看久久| 日韩黄色在线观看| 国产精品影视网| 91丝袜美腿高跟国产极品老师| 日本最新不卡在线| 国产成人福利片| 日本少妇一区二区| 成人一区在线看| 日本亚洲一区二区| 成人晚上爱看视频| 精品在线视频一区| 99re在线精品| 国产99久久久精品| 久久精品国产99| 不卡电影一区二区三区| 国产一区二区三区黄视频 | 久久97超碰国产精品超碰| 99综合电影在线视频| 狠狠色丁香久久婷婷综| 日韩黄色小视频| 成人av免费在线观看| 国产精品一区一区| 蜜乳av一区二区| 97se亚洲国产综合在线| 国产精品小仙女| 精品在线亚洲视频| 美女脱光内衣内裤视频久久网站 | 久久精品国产在热久久| 99re这里都是精品| 不卡av电影在线播放| 国产精品一级二级三级| 狠狠色丁香九九婷婷综合五月| 日韩高清在线电影| 99精品视频中文字幕| 成人激情文学综合网| 国产精品自拍毛片| 国产老妇另类xxxxx| 久久9热精品视频| 久久精品国产99| 老司机一区二区| 日本欧美一区二区三区乱码| 99亚偷拍自图区亚洲| 国产成人欧美日韩在线电影| 国产乱码精品一区二区三区五月婷| 青青草国产成人av片免费| 国产91精品精华液一区二区三区 | 日本色综合中文字幕| 91捆绑美女网站| 天堂资源在线中文精品| 99视频一区二区| www.亚洲免费av| 成人动漫av在线| av在线免费不卡| 99久久99久久精品国产片果冻| hitomi一区二区三区精品| av中文字幕亚洲| 日韩激情中文字幕| 久久福利资源站| 国产乱子伦视频一区二区三区| 国产精品夜夜爽| www.亚洲精品| 日韩av不卡在线观看| 久久99国产精品久久| 国产美女视频一区| 国产成人亚洲精品青草天美| www.亚洲在线| 日本成人中文字幕| 国产在线视频不卡二| 成人午夜视频免费看| 91免费看视频| 九九精品视频在线看| 国产精品一级二级三级| 北条麻妃国产九九精品视频| 日韩中文欧美在线| 国产一区二区不卡老阿姨| 国产91综合一区在线观看| 99国产麻豆精品| 九色|91porny| 99热精品国产| 九色综合国产一区二区三区| 国产不卡在线一区| 91麻豆视频网站| 国内久久婷婷综合| 91丨九色丨黑人外教| 狠狠色丁香久久婷婷综| 99re热这里只有精品视频| 久久99精品久久久| 99国产精品久久久久| 狠狠色狠狠色综合| av爱爱亚洲一区| 国产麻豆视频一区二区| 91麻豆高清视频| 国产电影精品久久禁18| 日韩国产欧美视频| 成人免费视频app| 日韩国产高清在线| 成人国产精品免费观看动漫 | 91看片淫黄大片一级| 加勒比av一区二区| 91丨porny丨户外露出| 国产精选一区二区三区| 日韩精品1区2区3区| 国产盗摄精品一区二区三区在线| 日韩激情一二三区| 日本不卡一区二区| 九九视频精品免费| 91日韩精品一区| 成人v精品蜜桃久久一区| 久久精品国产久精国产爱| 97se狠狠狠综合亚洲狠狠| 国产精品66部| 韩国毛片一区二区三区| 日韩黄色免费电影| 91污在线观看| 成人性生交大合| 国产精品中文字幕一区二区三区| 日韩国产精品大片| 丝袜美腿亚洲色图| 91色在线porny| www.成人在线| 丁香激情综合国产| 国产成人av电影在线播放| 国产伦理精品不卡| 精品一区二区免费在线观看| 美国毛片一区二区| 美女视频一区在线观看| 日韩精品一二区| 91原创在线视频| 99久久国产综合精品女不卡| 成人小视频在线观看| 丁香六月综合激情| 成人精品在线视频观看| 国产99久久久久久免费看农村| 国产精品欧美精品| 国产成人自拍网| 成人av免费在线观看| 99国产精品久久久久久久久久久| 懂色中文一区二区在线播放| 成人av高清在线| av中文字幕在线不卡| 99久久精品免费看国产| 91片在线免费观看| 美女网站在线免费欧美精品| 久久99九九99精品| 激情国产一区二区 | 高清av一区二区| 国产白丝网站精品污在线入口| 国产美女精品一区二区三区| 国产精品99久久久久久似苏梦涵| 国产成人精品免费网站| jiyouzz国产精品久久| 日韩国产精品久久久久久亚洲| 日本aⅴ精品一区二区三区 | 国产精品66部| jvid福利写真一区二区三区| 日韩精品亚洲专区| 国产在线精品视频| 成人白浆超碰人人人人| 青娱乐精品在线视频| 久久99九九99精品| 成人免费视频app| 欧美a级理论片| 国产电影一区二区三区| 日韩主播视频在线| 韩国三级中文字幕hd久久精品| 国产suv一区二区三区88区| av男人天堂一区| 日本中文在线一区| 久久91精品久久久久久秒播| 成人激情午夜影院| 久久国产精品72免费观看| 成人性视频免费网站| 免费一级片91| 北条麻妃国产九九精品视频| 久久se精品一区精品二区| 成人午夜精品一区二区三区| 麻豆91在线播放| 成人精品在线视频观看| 日本成人在线视频网站| 国产成人精品网址| 极品销魂美女一区二区三区| 99久久婷婷国产精品综合| 久久99精品国产| 91麻豆福利精品推荐| 国产黄色精品视频| 久久精品免费看| 91蜜桃网址入口| 丁香婷婷综合激情五月色| 久久精品国产色蜜蜜麻豆| 成人av电影免费在线播放| 久久99深爱久久99精品| www.在线成人| 91毛片在线观看| 国产成人在线视频播放| 久久99九九99精品| av在线播放不卡| 成人激情免费网站| 国产美女视频一区| 韩国av一区二区三区在线观看| 99久久99久久精品国产片果冻| 国产91精品在线观看| 国产精品18久久久久久久久久久久 | 另类综合日韩欧美亚洲| 日韩av中文字幕一区二区| 国产成人鲁色资源国产91色综| 蜜桃久久精品一区二区| 日韩精品成人一区二区在线| 成人在线视频一区| 国产馆精品极品| 国产精品一区免费在线观看| 国模无码大尺度一区二区三区| 99国产精品久久久久久久久久| 粉嫩一区二区三区性色av| 久久www免费人成看片高清| 日本大胆欧美人术艺术动态| 99精品一区二区三区| 成人av在线资源网| 99久久综合狠狠综合久久| 成人av免费在线| 国产呦萝稀缺另类资源| 久久精品99国产国产精| 奇米影视在线99精品| 免费精品视频最新在线| 日本在线不卡视频| 另类的小说在线视频另类成人小视频在线 | 91最新地址在线播放| 国产麻豆一精品一av一免费| 国产在线一区二区综合免费视频| 久久99国产乱子伦精品免费| 青青草国产成人99久久| 麻豆中文一区二区| 久久se这里有精品| 狠狠色伊人亚洲综合成人| 国产精品小仙女| 99免费精品在线观看| av在线播放一区二区三区| 91麻豆视频网站| 精品中文av资源站在线观看| 国产91高潮流白浆在线麻豆| 国产成人一区在线| 97se狠狠狠综合亚洲狠狠| 久久精品久久综合| 国产成人精品aa毛片| 日日夜夜免费精品视频| 久久99热这里只有精品| 风流少妇一区二区| 青青草成人在线观看| 久久国产乱子精品免费女| 丁香婷婷综合色啪| 美女脱光内衣内裤视频久久网站 | 99久久精品国产一区| 精品一二三四区| 成人免费毛片a| 青娱乐精品在线视频| 国产成人精品在线看| 91麻豆.com| 国产精品18久久久| 日本不卡一二三区黄网| 国产999精品久久久久久绿帽| 日韩成人午夜电影| 高清av一区二区| 久久99日本精品| 不卡的av网站| 另类成人小视频在线| 国产白丝网站精品污在线入口| 91污片在线观看| 国产真实乱偷精品视频免| av亚洲精华国产精华精| 激情国产一区二区| 日本在线不卡视频一二三区| 国产suv精品一区二区883| 日本欧美大码aⅴ在线播放| 国产精品一品视频| 日韩中文字幕不卡| 丝袜诱惑制服诱惑色一区在线观看| 久草中文综合在线| 91在线高清观看| 国产精品白丝jk白祙喷水网站| 国产成人精品一区二| 全国精品久久少妇| 99视频在线精品| 丁香婷婷综合色啪| 激情丁香综合五月| 91丝袜呻吟高潮美腿白嫩在线观看| 国产一区二区三区在线观看免费| 91香蕉视频mp4| 成人动漫在线一区| 韩国女主播成人在线| 免费在线视频一区| 日韩在线一二三区| 97精品国产97久久久久久久久久久久| 国产精品18久久久| 国产精品羞羞答答xxdd| 精油按摩中文字幕久久| 老色鬼精品视频在线观看播放| 91麻豆免费视频| 99精品在线免费| 99国产一区二区三精品乱码| 成人免费av资源| 99久久综合狠狠综合久久| av不卡免费在线观看| 99re成人精品视频| 天堂蜜桃91精品| 91首页免费视频| 青青草97国产精品免费观看无弹窗版| 91亚洲精品一区二区乱码| 91麻豆文化传媒在线观看| 日本午夜一本久久久综合| 青青草国产成人99久久| 免费的成人av| 日韩精品一级二级| 人妖欧美一区二区| 久久精品国内一区二区三区| 麻豆国产精品一区二区三区| 久久超碰97中文字幕| 久久机这里只有精品| 久久精品理论片| 久久99精品视频| 国产一区二区调教| 国产91在线|亚洲| 99久久精品一区| 日本中文字幕一区二区视频| 91一区二区三区在线观看| 日韩国产精品91| 韩国欧美国产一区| 国产精品亚洲成人| 99精品黄色片免费大全| 日韩精品五月天| 91女人视频在线观看| 久久精品国产精品青草|

<strike id="mgqiq"><input id="mgqiq"></input></strike>

<strike id="mgqiq"></strike>

<tfoot id="mgqiq"></tfoot>

<tfoot id="mgqiq"><input id="mgqiq"></input></tfoot>

<strike id="mgqiq"><input id="mgqiq"></input></strike>