国产精品911,91精品国产成人观看,亚洲精选中文字幕

- 龍誠(chéng)動(dòng)態(tài)
  
  行業(yè)新聞
  
  我們的觀點(diǎn)
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報(bào)價(jià)
  - 聯(lián)系電話：0577-55882408
  - 傳真號(hào)碼：0577-55882411
  - 聯(lián)系手機(jī)：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁(yè)-新聞中心-建站技術(shù)
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>圖片滑動(dòng)展示效果</title> <script type="text/javascript"> var $$ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; function Event(e){ var oEvent = document.all ? window.event : e; if (document.all) { if(oEvent.type == "mouseout") { oEvent.relatedTarget = oEvent.toElement; }else if(oEvent.type == "mouseover") { oEvent.relatedTarget = oEvent.fromElement; } } return oEvent; } function addEventHandler(oTarget, sEventType, fnHandler) { if (oTarget.addEventListener) { oTarget.addEventListener(sEventType, fnHandler, false); } else if (oTarget.attachEvent) { oTarget.attachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = fnHandler; } }; var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } Object.extend = function(destination, source) { for (var property in source) { destination[property] = source[property]; } return destination; } var GlideView = Class.create(); GlideView.prototype = { //容器對(duì)象容器寬度展示標(biāo)簽展示寬度 initialize: function(obj, iWidth, sTag, iMaxWidth, options) { var oContainer = $$(obj), oThis=this, len = 0; this.SetOptions(options); this.Step = Math.abs(this.options.Step); this.Time = Math.abs(this.options.Time); this.Showtext = false;//是否顯示說(shuō)明文本 this._list = oContainer.getElementsByTagName(sTag); len = this._list.length; this._count = len; this._width = parseInt(iWidth / len); this._width_max = parseInt(iMaxWidth); this._width_min = parseInt((iWidth - this._width_max) / (len - 1)); this._timer = null; //有說(shuō)明文本 if(this.options.TextTag && this.options.TextHeight > 0){ this.Showtext = true; this._text = oContainer.getElementsByTagName(this.options.TextTag); this._height_text = -parseInt(this.options.TextHeight); } this.Each(function(oList, oText, i){ oList._target = this._width * i;//自定義一個(gè)屬性放目標(biāo)left oList.style.left = oList._target + "px"; oList.style.position = "absolute"; addEventHandler(oList, "mouseover", function(){ oThis.Set.call(oThis, i); }); //有說(shuō)明文本 if(oText){ oText._target = this._height_text;//自定義一個(gè)屬性放目標(biāo)bottom oText.style.bottom = oText._target + "px"; oText.style.position = "absolute"; } }) //容器樣式設(shè)置 oContainer.style.width = iWidth + "px"; oContainer.style.overflow = "hidden"; oContainer.style.position = "relative"; //移出容器時(shí)返回默認(rèn)狀態(tài) addEventHandler(oContainer, "mouseout", function(e){ //變通防止執(zhí)行oList的mouseout var o = Event(e).relatedTarget; if (oContainer.contains ? !oContainer.contains(o) : oContainer != o && !(oContainer.compareDocumentPosition(o) & 16)) oThis.Set.call(oThis, -1); }) }, //設(shè)置默認(rèn)屬性 SetOptions: function(options) { this.options = {//默認(rèn)值 Step: 20,//滑動(dòng)變化率 Time: 20,//滑動(dòng)延時(shí) TextTag: "",//說(shuō)明容器tag TextHeight: 0//說(shuō)明容器高度 }; Object.extend(this.options, options || {}); }, //相關(guān)設(shè)置 Set: function(index) { if (index < 0) { //鼠標(biāo)移出容器返回默認(rèn)狀態(tài) this.Each(function(oList, oText, i){ oList._target = this._width * i; if(oText){ oText._target = this._height_text; } }) } else { //鼠標(biāo)移到某個(gè)滑動(dòng)對(duì)象上 this.Each(function(oList, oText, i){ oList._target = (i <= index) ? this._width_min * i : this._width_min * (i - 1) + this._width_max; if(oText){ oText._target = (i == index) ? 0 : this._height_text; } }) } this.Move(); }, //移動(dòng) Move: function() { clearTimeout(this._timer); var bFinish = true;//是否全部到達(dá)目標(biāo)地址 this.Each(function(oList, oText, i){ var iNow = parseInt(oList.style.left), iStep = this.GetStep(oList._target, iNow); if (iStep != 0) { bFinish = false; oList.style.left = (iNow + iStep) + "px"; } //有說(shuō)明文本 if (oText) { iNow = parseInt(oText.style.bottom), iStep = this.GetStep(oText._target, iNow); if (iStep != 0) { bFinish = false; oText.style.bottom = (iNow + iStep) + "px"; } } }) //未到達(dá)目標(biāo)繼續(xù)移動(dòng) if (!bFinish) { var oThis = this; this._timer = setTimeout(function(){ oThis.Move(); }, this.Time); } }, //獲取步長(zhǎng) GetStep: function(iTarget, iNow) { var iStep = (iTarget - iNow) / this.Step; if (iStep == 0) return 0; if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1); return iStep; }, Each:function(fun) { for (var i = 0; i < this._count; i++) fun.call(this, this._list[i], (this.Showtext ? this._text[i] : null), i); } }; </script> <style type="text/css"> #idGlideView { height:100px; margin:100px auto; } #idGlideView div { width:500px; height:100px; } #idGlideView div a { width:500px; height:50px; filter: alpha(opacity=50); opacity: 0.5; background:#000; color:#fff; text-decoration:none; } </style> </head> <body> <div class="d4yxxtv" id="idGlideView"> <div style="background-color:#006699;"> <a href="http://www.cnblogs.com/cloudgamer/">1111111</a> </div> <div style="background-color:#FF9933;"> <a href="http://www.cnblogs.com/cloudgamer/">2222222</a> </div> <div style="background-color:#9999FF;"> <a href="http://www.cnblogs.com/cloudgamer/">3333333</a> </div> <div style="background-color:#006699;"> <a href="http://www.cnblogs.com/cloudgamer/">1111111</a> </div> <div style="background-color:#FF9933;"> <a href="http://www.cnblogs.com/cloudgamer/">2222222</a> </div> <div style="background-color:#9999FF;"> <a href="http://www.cnblogs.com/cloudgamer/">3333333</a> </div> </div> <SELECT id=sel> <OPTION value=-1 selected>不展開(kāi)</OPTION> </SELECT> <BR> <BR> <INPUT id=up type=button value=" + 加速 "> <INPUT id=down type=button value=" - 減速 "> <BR> <BR> <INPUT id=stop type=button value=" 停止 "> <INPUT id=start type=button value=" 開(kāi) 始 "> <BR> <BR> <INPUT id=close type=button value=" 關(guān)閉滾動(dòng) "> <INPUT id=open type=button value=" 恢復(fù)滾動(dòng) "> <BR> <BR> <INPUT id=auto type=button value=" 自動(dòng)滑動(dòng) "> <INPUT id=cancel type=button value=" 取消自動(dòng) "> <BR> <BR> <INPUT id=hide type=button value=" 隱藏說(shuō)明 "> <INPUT id=show type=button value=" 顯示說(shuō)明 "> <BR> <BR> <SCRIPT> var gv = new GlideView("idGlideView", 1000, "div", 500, { TextTag: "a", TextHeight: 50 }); var oSel = $$("sel"); for (var i = 0; i <= gv._count; i++) { var op = document.createElement("OPTION"); op.value = i; op.innerHTML = "展開(kāi)第" + (i + 1) + "個(gè)"; oSel.appendChild(op); } oSel.onchange = function(){ gv.Set(oSel.value); } $$("up").onclick = function(){ gv.Step -= 5; if(gv.Step <= 0) gv.Step = 1; }; $$("down").onclick = function(){ gv.Step += 5; if(gv.Step >= 500) gv.Step = 50; }; $$("stop").onclick = function(){ clearTimeout(gv._timer); }; $$("start").onclick = function(){ gv.Move(); }; $$("close").onclick = function(){ gv.Step = 1; }; $$("open").onclick = function(){ gv.Step = gv.options.Step; }; $$("hide").onclick = function(){ gv.Showtext = false; }; $$("show").onclick = function(){ gv.Showtext = true; }; var t = null, i = -1; $$("auto").onclick = function(){ clearInterval(t);t=setInterval(function(){ if(++i>gv._count) i=0; gv.Set(i); }, 1000); }; $$("cancel").onclick = function(){ clearInterval(t);gv.Set(-1); }; </SCRIPT> </body> </html>