经验分享程序开发文档资料数据资源其它资源

CCTV首页8屏JS遮罩效果焦点图轮播滚动切换特效代码

版权：原创 更新时间：1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 CCTV首页8屏JS遮罩效果焦点图轮播滚动切换特效代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:
整屏预览

部分效果截图:

CCTV首页8屏JS遮罩效果焦点图轮播滚动切换特效代码

HTML代码(index.html):

<!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" />
<meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为CCTV首页8屏JS遮罩效果焦点图，属于站长常用代码" />
<title>CCTV首页8屏JS遮罩效果焦点图</title>
<LINK href="css/lanrentuku.css" type=text/css rel=stylesheet>

</HEAD>
<body><br /><br />

<SCRIPT type=text/javascript>(function(){hp_layout_cookiename='hp_layout2';hp_theme_cookiename='hp_theme_id2';hp_layout_lstid_cookiename='hplayout_lstid';hp_layout_lstid_i_cookiename='hplayout_lstid_i';get_theme_csspath=function(t){return"/Library/homepage2009/style/theme-"+t+"/theme.css";};var cc,Tp=';',c=hp_theme_cookiename+'=',d=String(document.cookie);for(var e=-1;(e=d.indexOf(c,e+1))>=0;){var f=e;while(--f>=0){var g=d.charAt(f);if(g==Tp){f=-1;break}}
if(f==-1){var h=d.indexOf(Tp,e);if(h<0){h=d.length}
cc=d.substring(e+c.length,h);break}}
if(!cc){cc='red';window.theme_cookie_to_save=cc;}
window.theme_cookie_str=cc;document.write('<link href="'+get_theme_csspath(cc)+'" id="link_for_theme" rel="stylesheet" type="text/css" />');})();</SCRIPT>

<SCRIPT src="js/top_20090120.js" type=text/javascript></SCRIPT>


<SCRIPT>
var wr_Begin_Time = new Date().getTime();
</SCRIPT>

<DIV class=c-doc-1024>
  <DIV id=bd>
    <!-- 第一屏 S -->
<DIV class="c-cols-C1 c-section">
  <DIV class=c-colB><!-- HEADER_BEGIN 一屏滑动图片-->
<DIV class="md img_slide" id=img_slide>
<DIV class="cons c-section">
<DIV class=con2>
<DIV class=img_item>
<DIV><A 
href="#" 
target=_blank><IMG height=200 
src="images/103650_7473_1233715196320.jpg" width=330></A></DIV>
<DIV class=desc>
<H5><A 
href="#" 
target=_blank>我最喜爱春晚节目评选</A></H5>
<P>2009年春节联欢晚会“歌舞”，“小品”，“戏曲、曲艺及其他”三大类37个节目全程回放。同步推出“我最喜爱的春节联欢晚会节目”评选，请您为最喜爱的春晚节目投票。</P>
<DIV><A class=btn_play 
href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>

<DIV class=img_item>
<DIV><A 
href="#" 
target=_blank><IMG height=200 
src="images/110593_1233750237386.jpg" width=330></A></DIV>
<DIV class=desc>
<H5><A 
href="#" 
target=_blank>07春晚语言类节目集</A></H5>
<P>春晚的那些精彩画面相信您还没忘却，那些熟悉的面孔给我们带来一个又一个春晚节目都会是大</P>
<DIV><A class=btn_play 
href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>

<DIV class=img_item>
<DIV><A href="#" target=_blank><IMG 
height=200 src="images/110603_1233750277675.jpg" 
width=330></A></DIV>
<DIV class=desc>
<H5><A href="#" 
target=_blank>09年正月正晚会点播</A></H5>
<P>在新年与旧年交替的那一刻，我们为您献上了2009年正月正文艺晚会，那些精彩绝伦的表演相信您一定还记忆犹新，现在让我们重温这精彩的正月正晚会。</P>
<DIV><A class=btn_play href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>
<DIV class=img_item>
<DIV><A href="#" 
target=_blank><IMG height=200 
src="images/101490_1233794569499.jpg" width=330></A></DIV>
<DIV class=desc>
<H5><A href="#" 
target=_blank>文明城市：北京东城</A></H5>
<P>皇宫、王府、近现代建筑一应俱全，古老与现代交相辉映，传统与时尚完美并存，这就是北京首善之区的魅力东城。</P>
<DIV><A class=btn_play 
href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>
<DIV class=img_item>
<DIV><A href="#" 
target=_blank><IMG height=200 
src="images/111028_8101_1233794632478.jpg" width=330></A></DIV>
<DIV class=desc>
<H5><A href="#" 
target=_blank>赛车时代</A></H5>
<P>讲述达喀尔拉力赛背后的故事。现场记者的衣食住行，繁忙而紧张的工作和沿途的美丽风景。狂飙地带回顾WRC西班牙站和WTCC街道赛的精彩瞬间。</P>
<DIV><A class=btn_play 
href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>
<DIV class=img_item>
<DIV><A href="#" 
target=_blank><IMG height=200 
src="images/110150_1339_1233798775564.jpg" width=330></A></DIV>
<DIV class=desc>
<H5><A href="#" 
target=_blank>欢乐中国行特别节目</A></H5>
<P>星光璀璨的歌手阵容，最火爆热烈的现场表演，《欢乐中国行》带给你无限惊喜和快乐，让你感受流行音乐的激情与魅力。今冬有音乐做伴，将不再寒冷。</P>
<DIV><A class=btn_play 
href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>
<DIV class=img_item>
<DIV><A href="#" target=_blank><IMG 
height=200 src="images/110420_5098_1233800019392.jpg" 
width=330></A></DIV>
<DIV class=desc>
<H5><A href="#" 
target=_blank>&lt;大先生&gt;品赵式幽默</A></H5>
<P>正在央视8套热播的&lt;关东大先生&gt;以趣味台词和曲折情节赢得观众喝彩，赵本山、范伟、小沈阳大配角光芒四射，每晚19：30敬请锁定CCTV-8</P>
<DIV><A class=btn_play href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV>
<DIV class=img_item>
<DIV><A href="#" target=_blank><IMG 
height=200 src="images/110368_1970_1233798959986.jpg" 
width=330></A></DIV>
<DIV class=desc>
<H5><A href="#" 
target=_blank>纪录片《粟裕大将》</A></H5>
<P>从普通一兵到共和国第一大将，从师范学生到无产阶级军事家、战略家，名将粟裕睿智深邃的军事谋略在中国革命史上留下了难以磨灭的印迹。粟裕逝世纪念日，重温文献纪录片《粟裕大将》。</P>
<DIV><A class=btn_play href="#" 
target=_blank><SPAN><IMG 
src="images/dot_blank.gif"></SPAN>视频</A></DIV></DIV><IMG 
class=mask src="images/dot_blank.gif"> </DIV></DIV></DIV>
<DIV class=ctl_bar>
<UL class=imgs>
  <LI><A  href="#" target=_blank><IMG height=30 
  src="images/103650_7473_1233715196320.jpg" width=49></A></LI>
  <LI><A href="#" target=_blank><IMG 
  height=30 src="images/110593_1233750237386.jpg" width=49></A></LI>
  <LI><A href="#" target=_blank><IMG 
  height=30 src="images/110603_1233750277675.jpg" width=49></A></LI>
  <LI><A href="#" target=_blank><IMG height=30 
  src="images/101490_1233794569499.jpg" width=49></A></LI>
  <LI><A href="#" 
  target=_blank><IMG height=30 
  src="images/111028_8101_1233794632478.jpg" width=49></A></LI>
  <LI><A href="#" 
  target=_blank><IMG height=30 
  src="images/110150_1339_1233798775564.jpg" width=49></A> </LI>
  <LI><A href="#" target=_blank><IMG 
  height=30 src="images/110420_5098_1233800019392.jpg" 
  width=49></A> </LI>
  <LI><A href="#" target=_blank><IMG 
  height=30 src="images/110368_1970_1233798959986.jpg" 
  width=49></A> </LI>
  <LI class=cur_box><I></I></LI></UL>
</DIV></DIV>
<!--remian--><!-- HEADER_END　一屏滑动图片--></DIV>
</DIV>
<DIV class=c-section><!-- HEADER_BEGIN 两行文字广告-->
  <!--remian-->
  <!-- HEADER_END　两行文字广告-->
</DIV>
<!-- 广告 -->
<DIV class=fr>
</DIV>
</DIV>
  <!--程序员设计师联盟淘宝店 搜集整理 转载请保留此信息-->
</DIV>
<script src="js/bottom_20090120.js" type=text/javascript></script>
<script src="js/main.js" type=text/javascript></script>
</body></html>

JS代码(main.js):

var ua = navigator.userAgent;
	
var $IE = (navigator.appName == "Microsoft Internet Explorer");
	
var $Opera = ua.indexOf('Opera') != -1;
	
if ($Opera) {
	
  $IE = true;
	
  $Gecko = false;
	
  $Safari =  false;
	
}


function $_t(root,tag,id){
	
  var ar=root.getElementsByTagName(tag);
	
  for (var i=0;
	i<ar.length;
	i++){
	
    if (ar[i].id==id) return ar[i];
	
  }

  return null;
	
}

function $dele(o,fn,rv){
	
  var use_rv = typeof rv != 'undefined';
	
  return function (){
	
    var rfn = o[fn];
	
    var rt = rfn.apply(o, arguments);
	
    if (use_rv) {
	
      rt = rv;
	
    }

    return rt
  }

}


function $ge(e){
	
  return e || window.event;
	
}


function $addEL(n,e,l,b){
	
  if ($IE){
	
    if(n && e){
	
    if (!n["$__listener_"+e]){
	
      var lst=function (e){
	
        
        var f=arguments.callee;
	
        var ar=f.fList;
	
        
        e=$ge(e);
	
        for (var i=0;
	i<ar.length;
	i++){
	
          ar[i](e);
	
        }

      }

      lst.fList=[];
	     
      n["$__listener_"+e]=lst;
	
      n["on"+e]=n["$__listener_"+e];
	
      
    }

    var fList=n["$__listener_"+e].fList;
	
    fList[fList.length]=l;
	
    }

  }
 else {
	
    n.addEventListener(e,l,b);
	
  }

}

function $cancelEvent (e) {
	
  if ($IE) {
	
    e.returnValue = false;
	
    e.cancelBubble = true;
	
  }
 else
    e.preventDefault();
	
}
;
	
function $cpAttr(o,p){
	
  for (var i in p){
	
    var s=p[i];
	
    o[i]=s;
	
  }

  return o;
	
}

function $getValue(v,d){
	
  return v==null ? d : v;
	
}

var $gv=$getValue;
	

function parseIntSafe(s,b) {
	
  return parseInt(s, b || 10) || 0;
	
}

var $dom={
	
  getClientSize : function(n){
	
    if ($IE){
	
      var s= {
	x:n.clientLeft,y:n.clientTop}
;
	
      s.l=s.x;
	
      s.t=s.y;
	
      s.r=n.clientRight;
	
      s.b=n.clientBottom;
	
      
      s.w=n.clientWidth;
	
      s.h=n.clientHeight;
	
      
      return s;
	
    }
 else {
	
      var t=n.style;
	
      if (t.borderLeftWidth.length==0 || t.borderTopWidth.length==0 || t.borderRightWidth.length==0 || t.borderBottomWidth.length==0){
	
        
        var l=n.offsetWidth;
	
        t.borderLeftWidth="0px";
	
        l-=n.offsetWidth;
	
        
        var r=n.offsetWidth;
	
        t.borderRightWidth="0px";
	
        r-=n.offsetWidth;
	
        
        var o=n.offsetHeight;
	
        t.borderTopWidth="0px";
	
        o-=n.offsetHeight;
	
        
        var b=n.offsetHeight;
	
        t.borderBottomWidth="0px";
	
        b-=n.offsetHeight;
	
        
        t.borderLeftWidth=l+"px";
	
        t.borderTopWidth=o+"px";
	
        t.borderRightWidth=r+"px";
	
        t.borderBottomWidth=b+"px";
	
        
        var s={
	l:l,r:r,t:o,b:b,x:l,y:o}
;
	
        
        
        return s;
	
      }
 else {
	
        var s= {
	
            x: parseIntSafe(n.style.borderLeftWidth),
            y: parseIntSafe(n.style.borderTopWidth),
            r: parseIntSafe(n.style.borderRightWidth),
            b: parseIntSafe(n.style.borderBottomWidth)
          }
;
	
        s.l=s.x;
	
        s.t=s.y;
	
        return s;
	
      }

    }

  }
,
  
  
  
  getSize : function (n,withMargin){
	
    var c={
	
      x : n.offsetWidth != null ? n.offsetWidth : 0,
      y : n.offsetHeight != null ? n.offsetHeight : 0
    }
;
	
    if (withMargin) {
	
      var m=this.getMargin(n);
	
      c.x+=m.l+m.r;
	
      c.y+=m.t+m.b;
	
    }

    return c;
	 
  }
,
  
  setSize : function(elmt,x,y,withMargin){
	
    if ($IE){
	
      if (withMargin){
	        
        var m=this.getMargin(elmt);
	
        x-=m.l+m.r;
	
        y-=m.t+m.b;
	       
      }

      elmt.style.width=x;
	     
      elmt.style.height=y;
	      
    }
 else {
	
      var clientSize=this.getClientSize(elmt);
	
      var dx=clientSize.l+clientSize.r;
	
      
      var dy=clientSize.t+clientSize.b;
	
      
      elmt.style.width=x-dx+"px";
	
      elmt.style.height=y-dy+"px";
	
    }

  }
,
  getPosition : function (elmt,withMargin){
	
    var c;
	
    
    c={
	
      x:elmt.offsetLeft,
      y:elmt.offsetTop
    }
;
	
    if (withMargin){
	
      var m=this.getMargin(elmt);
	
      c.x-=m.l;
	
      c.y-=m.t;
	
    }

    
    return c;
	
  }
,
  setPosition : function (elmt,x,y,withMargin){
	
    if (withMargin){
	
    }
 
    elmt.style.left=x+"px";
	
    elmt.style.top=y+"px";
	
  }
,
    
  
  setAlpha : function (n,a){
	
    return;
	
    n.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="+a*100+");
	";
	
    n.style.opacity = a;
	
    n.style.MozOpacity = a;
	
  }

  
}

var $motion={
	
  smooth : function (s, e, t){
	
    if (t>1) t=1;
	
    return (e - s) * t + s;
	
  }

}

function PopUp(id, config){
	
  this.id=id;
	
  var c = this.config = config;
	
  c.width   = $gv(c.width,300);
	
  c.height  = $gv(c.height,200);
	
  c.minheight = $gv(c.minheight,20);
	
  c.bottom  = $gv(c.bottom,0);
	
  c.right   = $gv(c.right,20);
	
  c.display   = $gv(c.display,true);
	
  c.contentUrl= $gv(c.contentUrl,"");
	
  c.motionFunc= $gv(c.motionFunc,$motion.smooth);
	
  c.position  = {
	x:0,y:0}
;
	
  
  if(config.cssfile && !window['_popwin_css_added']){
	
    var css_link = document.createElement('link');
	
    css_link.rel="stylesheet";
	
    css_link.type="text/css";
	
    css_link.href=config.cssfile;
	
    document.getElementsByTagName('head')[0].appendChild(css_link);
	
    window['_popwin_css_added']=1;
	
  }

  
  var t=c.time;
	
  t.slideIn = $gv(t.slideIn,10);
	
  t.hold    = $gv(t.hold,10);
	
  t.slideOut  = $gv(t.slideOut,10);
	
  
  t.slideIn   *= 1000;
	
  t.hold    *= 1000;
	
  t.slideOut  *= 1000;
	
  
  this.container = document.body;
	
  this.popup = null;
	
  this.content = null;
	
  this.switchButton = null;
	
  
  this.moveTargetPosition = 0;
	
  this.startMoveTime = null;
	
  this.startPosition = null;
	
  
  this.status = PopUp.STOP;
	
  this.intervalHandle = null;
	
  
  this.mm = "max";
	
  
  this.imgMin = "images/mi/sm.gif";
	
  this.imgMax = "images/mi/big.gif";
	
}

PopUp.STOP = 0;
	
PopUp.MOVE_DOWN = 1;
	
PopUp.MOVE_UP = 2;
	
PopUp.SWITCH_TO_MIN = PopUp.MOVE_DOWN | 4;
	
PopUp.SWITCH_TO_MAX = PopUp.MOVE_UP | 8;
	

var __o={
	
  create : function (){
	
    var doc=document;
	
    var c=this.config;
	  
    /*
    #pop-message
      #pop-message_content
        a#closeButton.sys_btns
        a#minMaxButton.sys_btn.s_max
        #pop-message_content_c
           iframe#pop-message_content_iframe
    */
    var p = this.popup = doc.createElement("div");
	
    this.container.appendChild(p);
	
    
    var tbl_size=[c.width - 6, c.height - 6];
	
    
    p.id=this.id;
	
    p.style.cssText="position:absolute;
	z-index:9000;
	overflow:hidden;
	width:"+(c.width)+"px;
	height:"+(c.height)+"px;
	";
	
    
    if($IE){
	
      var iff = doc.createElement("iframe");
	
      iff.src="about:blank";
	
      iff.width = c.width;
	
      iff.height = c.height;
	
      p.appendChild(iff);
	
    }

    var t = this.content = doc.createElement("div");
	
    p.appendChild(t);
	
    
    t.id = this.id+"_content";
	
    t.className="pop_win";
	
    t.style.cssText="position:absolute;
	z-index:1;
	overflow:hidden;
	height:"+ (c.height - 6) +"px;
	width:"+ tbl_size[0] +"px;
	";
	
    $dom.setPosition(t,0,0,1);
	
    
    c.position.y = c.height;
	
    this.onresize();
	
    t.innerHTML = (c.closable?'<a id="closeButton" class="sys_btns" href="#" title="sQ�">sQ�<\/a>':'') + (c.minable?'<a id="minMaxButton" class="sys_btns" href="#" title="g\S">g\S<\/a>':'') +
                  '<div id="'+this.id+'_content_c" style="overflow:hidden;
	"><iframe id="'+this.id+'_content_iframe" src="'+c.contentUrl+'" frameborder="0" allowtransparency="yes" scrolling="no" width="'+tbl_size[0]+'" height="'+tbl_size[1]+'"><\/iframe><\/div>';
	
    
    if(c.closable){
	
        var btnClose = this.btnClose = $_t(t,'a',"closeButton");
	
        $addEL(btnClose,"click",$dele(this,"hide"),true);
	
        $addEL(btnClose,"click",$cancelEvent,true);
	
    }

    if(c.minable){
	
        var btnMinMax = this.btnMinMax = $_t(t,'a',"minMaxButton");
	
        $addEL(btnMinMax,"click",$dele(this,"switchMode"),true);
	
        $addEL(btnMinMax,"click",$cancelEvent,true);
	
    }

    
    this.content_c = $_t(t,'div',this.id+'_content_c');
	
    
    var container=$IE ? document.body : document.documentElement;
	
    
    var onresize_ = $dele(this,"onresize");
	
    $addEL(document.body,"resize",onresize_,true);
	
    
    this.__hackTimer=window.setInterval("__popup.onresize()",50);
	
    
    $addEL(container,"scroll",onresize_,true);
	
    
    onresize_();
	
    
    this.closeTimes = 0;
	
  }
,
  
  show : function (){
	
    
    if (!this.config.display) return;
	
    
    this.moveTargetPosition = 0;
	
    this.status = PopUp.MOVE_UP;
	
    this.startMove();
	
  }
,
  
  hide : function (){
	
    this.closeTimes++;
	
    this.moveTargetPosition = this.config.height;
	
    this.status = PopUp.MOVE_DOWN;
	
    this.startMove();
	
  }
,
  
  minimize : function (){
	
    this.mm = "min";
	
    this.moveTargetPosition = this.config.height - this.config.minheight - 6;
	
    this.status = PopUp.SWITCH_TO_MIN;
	
    this.startMove();
	
    this.__hackTimer=window.setInterval("__popup.onresize()",50);
	
    
    jQuery(this.btnMinMax).addClass("s_max").html("؏�S").attr("title", "؏�S");
	
  }
,
  
  maximize : function (){
	
    if (!this.config.display) return;
	
    
    this.mm = "max";
	
    this.moveTargetPosition = 0;
	
    this.status = PopUp.SWITCH_TO_MAX;
	
    this.startMove();
	
    this.__hackTimer=window.setInterval("__popup.onresize()",50);
	
    
    jQuery(this.btnMinMax).removeClass("s_max").html("g\S").attr("title", "g\S");
	
  }
,
  
  delayHide : function (){
	
    window.setTimeout("__popup.hide()",this.config.time.hold);
	
  }
,
  
  delayMin : function (){
	
    window.setTimeout("__popup.minimize()",this.config.time.hold);
	
  }
,
  
  delayMax : function (){
	
    window.setTimeout("__popup.maximize()",this.config.time.hold);
	
  }
,
  
  switchMode : function (){
	
    if (this.mm == "min"){
	
      this.maximize();
	
    }
 else {
	
      this.minimize();
	
    }

  }
,
  
  startMove : function (){
	
    this.stopMove();
	
    
    this.intervalHandle = window.setInterval("__popup.move()",100);
	
    
    this.startMoveTime = new Date().getTime();
	
    this.startPosition = this.config.position.y;
	
  }
,
  
  stopMove : function (){
	
    if (this.intervalHandle != null) window.clearInterval(this.intervalHandle);
	
    this.intervalHandle = null;
	
  }
,
  
  
  move : function (){
	
    
    var t = new Date().getTime();
	
    t = t - this.startMoveTime;
	
    
    var total = this.status & PopUp.MOVE_UP ? 
          this.config.time.slideIn : 
          this.config.time.slideOut;
	
    
    var y = this.config.motionFunc(this.startPosition, this.moveTargetPosition, t/total);
	
    this.config.position.y = y;
	
    this.onresize();
	
        
    if (t >= total){
	
      this.onFinishMove();
	
    }

  }
,
  
  onFinishMove : function (){
	
    this.stopMove();
	
    if ((this.status == PopUp.MOVE_UP && this.config.time.hold > 0) || ((this.closeTimes < 2) && this.status == PopUp.MOVE_DOWN)){
	
      this.delayMin();
	
      /*
      if(this.mm == "min"){
	
        this.delayMin();
	
      }
else if(this.mm == "max"){
	
        this.delayMax();
	
      }

      */
    }
 else {
	
      if (this.__hackTimer!=null) window.clearInterval(this.__hackTimer);
	
    }

    this.status = PopUp.STOP;
	
  }
,
  
  onresize : function (){
	
    var c=this.config;
	
    var t=document.body;
	
    var dx=t.clientWidth + t.scrollLeft;
	
    
    var x = dx - c.right - c.width;
	
    
    var screenSize = getScreenSize();
	
    var y = screenSize.height + document.documentElement.scrollTop - c.height + c.position.y - c.bottom;
	
    
    $dom.setPosition(this.popup, x, y,1);
	
    $dom.setSize(this.popup, c.width, c.height-c.position.y);
	
    
    var h = (c.height - c.position.y);
	
    if(h > 6){
	h -= 6;
	}

    h += 'px';
	
    this.content && this.content.style && (this.content.style.height = h);
	
    this.content_c && this.content_c.style && (this.content_c.style.height = h);
	
  }

}

function getScreenSize(){
	
      var w = 0;
	
      var h = 0;
	
      if( typeof( window.innerWidth ) == 'number' ) {
	
        w = window.innerWidth;
	
        h = window.innerHeight;
	
     }
 else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	
       w = document.documentElement.clientWidth;
	
       h = document.documentElement.clientHeight;
	
     }
 else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	
       w = document.body.clientWidth;
	
       h = document.body.clientHeight;
	
     }

     return {
	width:w,height:h}
;
	
}


$cpAttr(PopUp.prototype,__o);
	
function readCookie(name)
{
	
  var cookieValue = "";
	
  var search = name + "=";
	
  if(document.cookie.length > 0)
  {
	 
    offset = document.cookie.indexOf(search);
	
    if (offset != -1)
    {
	 
      offset += search.length;
	
      end = document.cookie.indexOf(";
	", offset);
	
      if (end == -1) end = document.cookie.length;
	
      cookieValue = unescape(document.cookie.substring(offset, end))
    }

  }

  return cookieValue;
	
}


function writeCookie(name, value, hours)
{
	
  var expire = "";
	
  if(hours != null)
  {
	
    expire = new Date((new Date()).getTime() + hours * 3600000);
	
    expire = ";
	 expires=" + expire.toGMTString();
	
  }

  document.cookie = name + "=" + escape(value) + expire + ";
	path=/";
	
}


// �a�N�V�^  www.lanrentuku.com

CSS代码(lanrentuku.css):

BODY{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
DIV{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H1{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H2{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H3{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H4{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H5{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
H6{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
P{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
UL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
OL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
DD{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
DT{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
DL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
LI{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
FORM{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
INPUT{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:0px}
BODY{COLOR:#000}
A{COLOR:#000}
BODY{FONT:13px/1.3 Arial}
INPUT{FONT:13px/1.3 Arial}
TEXTAREA{FONT:13px/1.3 Arial}
LI{FONT-FAMILY:"����";LIST-STYLE-TYPE:none}
#main-fn-bar .searchBox{FONT-FAMILY:"����";LIST-STYLE-TYPE:none}
A{TEXT-DECORATION:none}
A:hover{TEXT-DECORATION:underline}
IMG{BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none}
H4{FONT-SIZE:13px}
H5{FONT-SIZE:13px}
.c-doc-1024 #bd{MARGIN:0px auto;WIDTH:490px}
.fl{FLOAT:left}
.fr{FLOAT:right}
#column_2{FLOAT:right}
.dotline{CLEAR:both;BORDER-TOP:#999 1px dotted;FONT-SIZE:0px;MARGIN:6px 0px 5px;HEIGHT:0px}
.dotline2{CLEAR:both;BORDER-TOP:#999 1px dotted;FONT-SIZE:0px;MARGIN:6px 0px 5px;HEIGHT:0px}
.dotline2{MARGIN:9px 0px 8px}
.col475{FLOAT:left;WIDTH:475px}
.mb{CLEAR:both}
#ft{CLEAR:both}
.bd{CLEAR:both}
#column_1 .hd{CURSOR:move}
#column_2 .hd{CURSOR:move}
#column_1 .hd UL{CURSOR:auto}
#column_2 .hd UL{CURSOR:auto}
H6{FONT:12px/14px Arial}
H4{MARGIN:0px 0px 3px;FONT:400 18px/22px "����"}
.c-colA .hd H2{FONT-SIZE:13px}
.hide{DISPLAY:none}
.c-bspace{MARGIN-BOTTOM:10px}
.c-section{CLEAR:both;ZOOM:1}
.c-section:unknown{CLEAR:both;DISPLAY:block;HEIGHT:0px;content:" "}
.c-doc-1024{TEXT-ALIGN:left}
.c-doc-1024 #bd{PADDING-TOP:5px}
.c-cols-C1 .c-colA{FLOAT:left;WIDTH:150px;MARGIN-RIGHT:10px}
.c-cols-C1 .c-colB{FLOAT:left;WIDTH:490px}
.c-cols-C1 .c-colAB{FLOAT:left;WIDTH:650px}
.c-cols-C1 .c-colC{FLOAT:right;WIDTH:300px}
.col300{FLOAT:right;WIDTH:300px}
.c-cols-160{}
.c-cols-160 .c-col{DISPLAY:block;FLOAT:none;MARGIN:0px 0px 0px 172px;WIDTH:auto}
.c-cols-160 .c-col-first{FLOAT:left;MARGIN:0px;WIDTH:160px}
.c-cols-150{}
.c-cols-150 .c-col{DISPLAY:block;FLOAT:none;MARGIN:0px 0px 0px 160px;WIDTH:auto}
.c-cols-150 .c-col-first{FLOAT:left;MARGIN:0px;WIDTH:150px}
#hd{Z-INDEX:5;POSITION:relative}
#main-service-bar{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(img/sprite_h.gif) repeat-x 0px 0px;PADDING-BOTTOM:0px;COLOR:#c63902;PADDING-TOP:5px;FONT-FAMILY:Arial,"����";HEIGHT:28px}
#main-service-bar A{COLOR:#c63902}
#main-service-bar FORM{DISPLAY:inline}
#main-service-bar SPAN.tp-2{FLOAT:right;LINE-HEIGHT:21px;HEIGHT:22px}
#main-service-bar SPAN.tp-3{FLOAT:right;LINE-HEIGHT:21px;HEIGHT:22px}
#main-service-bar SPAN.tp-2{PADDING-LEFT:6px;FLOAT:left}
#main-service-bar SPAN.tp-3{FONT-FAMILY:"����"}
#main-service-bar SPAN.tp-3 A{FONT-FAMILY:Arial,"����"}
#main-service-bar SPAN.txt{PADDING-RIGHT:2px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:2px 4px 0px 0px;PADDING-TOP:0px;HEIGHT:18px}
#main-service-bar INPUT.txt{PADDING-RIGHT:0px;PADDING-LEFT:4px;PADDING-BOTTOM:0px;WIDTH:77px;COLOR:#000;BORDER-TOP-STYLE:none;LINE-HEIGHT:16px;PADDING-TOP:2px;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:16px;BORDER-BOTTOM-STYLE:none}
#main-service-bar SPAN.btn-login{MARGIN:2px 6px 0px 0px;OVERFLOW:hidden;WIDTH:39px;CURSOR:pointer;HEIGHT:18px}
#main-service-bar SPAN.btn-login INPUT{BACKGROUND:#999;WIDTH:39px;CURSOR:pointer;COLOR:#fff;BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:18px;BORDER-BOTTOM-STYLE:none}
#main-service-bar SPAN.link{PADDING-TOP:1px}
#main-service-login{PADDING-RIGHT:0px;PADDING-LEFT:10px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:0px 0px 0px 10px;BORDER-LEFT:#c86f46 1px dotted;PADDING-TOP:0px;HEIGHT:22px}
#global-nav{}
#global-nav .logo{FONT-SIZE:12px;FLOAT:left;MARGIN-BOTTOM:-3px;WIDTH:193px;TEXT-ALIGN:center}
#global-nav .logo IMG{MARGIN:8px 0px 3px}
.global-nav-links{FLOAT:right;WIDTH:756px;COLOR:#000;PADDING-TOP:10px}
.global-nav-links A{COLOR:#000}
.global-nav-links TD{LINE-HEIGHT:25px;TEXT-ALIGN:center;empty-cells:show}
.global-nav-links TD.sep{PADDING-LEFT:1px;BACKGROUND:url(img/sprite_h.gif) no-repeat 0px -448px;OVERFLOW:hidden;WIDTH:0px}
.global-nav-links .f-latin{FONT-FAMILY:Arial}
.global-nav-links TD.first{}
.global-nav-links TD.last{}
#main-fn-bar{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;MARGIN-BOTTOM:10px;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid;HEIGHT:56px}
#main-fn-bar .control-area{PADDING-RIGHT:10px;PADDING-LEFT:3px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:123px;PADDING-TOP:12px}
.themes-selector{PADDING-RIGHT:6px;FLOAT:left}
.themes-selector A{FONT-SIZE:0px;BACKGROUND:url(img/themes-selector-color.gif) 0px 0px;FLOAT:left;MARGIN:3px 3px 0px 0px;WIDTH:10px;CURSOR:pointer;HEIGHT:10px}
.themes-selector .red{BACKGROUND-POSITION:-10px 0px}
.themes-selector .green{BACKGROUND-POSITION:-20px 0px}
.themes-selector .blue{BACKGROUND-POSITION:-30px 0px}
.help-reset{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:6px}
.help-reset SPAN{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:0px;PADDING-TOP:0px}
#main-fn-bar .searchBox{PADDING-RIGHT:0px;PADDING-LEFT:10px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:515px;PADDING-TOP:5px}
#main-fn-bar .searchBox A.cur{FONT-WEIGHT:700}
#main-fn-bar .searchBox .sel{PADDING-LEFT:43px}
#main-fn-bar .searchBox .search{PADDING-TOP:3px}
#main-fn-bar .hot-words{PADDING-TOP:7px}
#main-fn-bar .search-type{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:repeat-x 0px -22px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:0px 5px 0px 0px;WIDTH:47px;CURSOR:pointer;COLOR:#333;PADDING-TOP:4px;HEIGHT:18px;TEXT-ALIGN:center}
#main-fn-bar .search-type-on{BACKGROUND-POSITION:0px 0px;FONT-WEIGHT:700;CURSOR:auto;COLOR:#fff}
#main-fn-bar SPAN.txt{BACKGROUND:url(img/sprite_h.gif) #fff repeat-x 0px -106px;FLOAT:left;HEIGHT:22px}
#main-fn-bar .txt INPUT{PADDING-RIGHT:10px;PADDING-LEFT:30px;BACKGROUND:url(img/sprite.gif) no-repeat -377px 5px;PADDING-BOTTOM:0px;WIDTH:260px;COLOR:#999;BORDER-TOP-STYLE:none;PADDING-TOP:3px;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:18px;BORDER-BOTTOM-STYLE:none}
#main-fn-bar .btn-search{PADDING-LEFT:2px;FONT-WEIGHT:700;FONT-SIZE:14px;BACKGROUND:url(img/sprite.gif) no-repeat -40px 0px;FLOAT:left;MARGIN-LEFT:9px;WIDTH:75px;CURSOR:pointer;COLOR:#000;BORDER-TOP-STYLE:none;PADDING-TOP:4px;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:22px;BORDER-BOTTOM-STYLE:none}
#main-fn-bar .yp{PADDING-RIGHT:0px;PADDING-LEFT:8px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:271px;PADDING-TOP:10px}
#main-fn-bar .yp H3{BORDER-RIGHT:#b8b8b8 2px solid;BORDER-TOP:#b8b8b8 2px solid;PADDING-LEFT:4px;FONT-SIZE:13px;BACKGROUND:url(img/ypt.jpg);FLOAT:left;OVERFLOW:hidden;BORDER-LEFT:#b8b8b8 2px solid;WIDTH:31px;LINE-HEIGHT:18px;BORDER-BOTTOM:#b8b8b8 2px solid;HEIGHT:35px}
#main-fn-bar .yp LI{PADDING-LEFT:19px;BACKGROUND:url(img/c-cols-C1-icon.gif) no-repeat 0px -138px;FLOAT:left;MARGIN:0px 0px 5px 11px}
#main-fn-bar .yp .bus{BACKGROUND-POSITION:0px -156px}
#main-fn-bar .yp .train{BACKGROUND-POSITION:0px -120px}
#main-fn-bar .yp .air-ticket{BACKGROUND-POSITION:0px -103px}
#main-fn-bar .yp .weather{BACKGROUND-POSITION:0px -173px}
#main-fn-bar .yp .stock{BACKGROUND-POSITION:0px -190px}
#main-fn-bar .yp .house{BACKGROUND-POSITION:0px -67px}
#main-fn-bar .yp .home{BACKGROUND-POSITION:0px -85px}
#ft{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:12px;LINE-HEIGHT:18px;PADDING-TOP:14px;POSITION:relative;TEXT-ALIGN:center}
#ft{}
#ft A{}
#ft A{FONT-FAMILY:Arial,"����"}
#ft B.img{LEFT:50%;MARGIN-LEFT:180px;POSITION:absolute;TOP:45px}
#f-links{PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-SIZE:13px;BACKGROUND:#f1f1f1;PADDING-BOTTOM:10px;MARGIN:0px 0px 10px;LINE-HEIGHT:24px;PADDING-TOP:10px;TEXT-ALIGN:center}
#f-links .f-links-w{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:7px;PADDING-TOP:12px}
#f-links{COLOR:#555}
#f-links A{COLOR:#555}
#ad-links{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;MARGIN:0px 0px 10px;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid}
#ad-links .txtlist{PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:8px;PADDING-TOP:8px;BORDER-BOTTOM:#ccc 1px solid}
#ad-links .txtlist LI{FLOAT:left;WIDTH:19.98%}
#brand-show{PADDING-RIGHT:20px;PADDING-LEFT:20px;BACKGROUND:#f1f1f1;PADDING-BOTTOM:10px;PADDING-TOP:12px;ZOOM:1;POSITION:relative}
#brand-show .brand-show-w{OVERFLOW:hidden;WIDTH:100%;POSITION:relative;HEIGHT:66px}
#brand-show UL{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;WIDTH:9999em;PADDING-TOP:0px;LIST-STYLE-TYPE:none;POSITION:absolute}
#brand-show UL LI{PADDING-RIGHT:8px;PADDING-LEFT:8px;FLOAT:left;PADDING-BOTTOM:0px;PADDING-TOP:0px}
#brand-show A.btn-prev{DISPLAY:block;BACKGROUND:url(img/sprite.gif) no-repeat 0px 0px;LEFT:0px;WIDTH:17px;POSITION:absolute;TOP:28px;HEIGHT:32px}
#brand-show A.btn-next{DISPLAY:block;BACKGROUND:url(img/sprite.gif) no-repeat 0px 0px;LEFT:0px;WIDTH:17px;POSITION:absolute;TOP:28px;HEIGHT:32px}
#brand-show A.btn-next{BACKGROUND-POSITION:-17px 0px;RIGHT:0px;LEFT:auto}
#brand-show A.btn-prev I{DISPLAY:none}
#brand-show A.btn-next I{DISPLAY:none}
#brand-show A.btn-prev:hover{BACKGROUND-POSITION:0px -32px}
#brand-show A.btn-next:hover{BACKGROUND-POSITION:-17px -32px}
.md{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid}
.pic{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid;BORDER-BOTTOM:#ccc 1px solid}
.VLbox{BORDER-RIGHT:#ccc 1px dotted;PADDING-RIGHT:10px;FLOAT:left;WIDTH:140px;MARGIN-RIGHT:6px}
.pic{DISPLAY:block;BACKGROUND:#e7e7e7;TEXT-ALIGN:center}
.pic IMG{DISPLAY:block;BACKGROUND:#e7e7e7;TEXT-ALIGN:center}
.pic IMG{MARGIN-BOTTOM:2px}
.hd{BORDER-RIGHT:#fff 1px solid;BORDER-TOP:#fff 1px solid;BACKGROUND:repeat-x 0px 0px;BORDER-LEFT:#fff 1px solid;BORDER-BOTTOM:#d3dae4 1px solid;HEIGHT:27px}
.hd IMG{MARGIN-TOP:3px}
.hd H2{PADDING-RIGHT:8px;PADDING-LEFT:8px;FONT-SIZE:14px;PADDING-BOTTOM:0px;LINE-HEIGHT:26px;PADDING-TOP:0px;BORDER-BOTTOM:#fff 1px solid;HEIGHT:26px}
.hd H2 .mopt{FONT-WEIGHT:400;FONT-SIZE:13px;FLOAT:right}
.listbox_bdot{MARGIN-BOTTOM:10px;PADDING-BOTTOM:1px;BORDER-BOTTOM:#999 1px dotted}
.listbox LI{MIN-HEIGHT:22px;LINE-HEIGHT:22px;HEIGHT:22px}
.bd{PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:10px;OVERFLOW:hidden;PADDING-TOP:10px}
.md .pic{MARGIN-BOTTOM:7px}
.custom_area UL.fl{WIDTH:296px}
.md{BORDER-RIGHT:#bebebe 1px solid;BORDER-TOP:#bebebe 1px solid;BACKGROUND:#fff;MARGIN-BOTTOM:10px;BORDER-LEFT:#bebebe 1px solid;BORDER-BOTTOM:#bebebe 1px solid}
.md .mh{BORDER-RIGHT:#fff 1px solid;BORDER-TOP:#fff 1px solid;BORDER-LEFT:#fff 1px solid;BORDER-BOTTOM:#d3dae4 1px solid;POSITION:relative;HEIGHT:26px}
.md .mh H2{PADDING-RIGHT:8px;PADDING-LEFT:8px;FONT-SIZE:14px;PADDING-BOTTOM:0px;CURSOR:move;PADDING-TOP:0px;BORDER-BOTTOM:#fff 1px solid;HEIGHT:26px}
.md .mh UL.tabs{PADDING-RIGHT:8px;PADDING-LEFT:8px;FONT-SIZE:14px;PADDING-BOTTOM:0px;CURSOR:move;PADDING-TOP:0px;BORDER-BOTTOM:#fff 1px solid;HEIGHT:26px}
.md .mh H2{PADDING-TOP:5px;FONT-FAMILY:Arial "����";HEIGHT:20px}
.md .mh UL.tabs{PADDING-LEFT:0px;LEFT:-1px;MARGIN-BOTTOM:-5px;POSITION:relative;TOP:-1px}
.md .mh UL.tabs LI{PADDING-RIGHT:15px;PADDING-LEFT:15px;FLOAT:left;PADDING-BOTTOM:0px;CURSOR:auto;PADDING-TOP:0px;TEXT-ALIGN:center}
.md .mh UL.tabs LI.i{PADDING-RIGHT:0px;PADDING-LEFT:0px;FLOAT:right;PADDING-BOTTOM:0px;WIDTH:auto;PADDING-TOP:0px}
.md .mh UL.tabs LI.cur{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:19px;MARGIN-BOTTOM:-5px;BORDER-LEFT:#ccc 1px solid;POSITION:relative;HEIGHT:28px}
.md .mh UL.tabs H2{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;CURSOR:auto;BORDER-TOP-STYLE:none;PADDING-TOP:5px;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;HEIGHT:auto;BORDER-BOTTOM-STYLE:none}
.md .mh UL.tabs LI I.exp{RIGHT:0px;BACKGROUND:url(img/sprite.gif) no-repeat -92px -40px;OVERFLOW:hidden;WIDTH:0px;CURSOR:pointer;LINE-HEIGHT:0;POSITION:absolute;TOP:0px;HEIGHT:16px}
.md .mh UL.tabs LI.cur I.exp{PADDING-LEFT:16px}
.md .mh UL.tabs LI.first{BORDER-LEFT-WIDTH:0px}
.md .mh .del{FONT-SIZE:0px;BACKGROUND:url(img/sprite.gif) no-repeat -60px -40px;FLOAT:right;MARGIN:0px 0px 0px 9px;OVERFLOW:hidden;WIDTH:16px;CURSOR:pointer;PADDING-TOP:16px;HEIGHT:0px}
.md .mh .min{FONT-SIZE:0px;BACKGROUND:url(img/sprite.gif) no-repeat -60px -40px;FLOAT:right;MARGIN:0px 0px 0px 9px;OVERFLOW:hidden;WIDTH:16px;CURSOR:pointer;PADDING-TOP:16px;HEIGHT:0px}
.md .mh .del{BACKGROUND-POSITION:-76px -40px}
.md .mh .max{BACKGROUND-POSITION:-108px -40px}
.md .mh LI.i .del{MARGIN-TOP:5px;FLOAT:left}
.md .mh LI.i .min{MARGIN-TOP:5px;FLOAT:left}
.md .mb{PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:8px;PADDING-TOP:10px;HEIGHT:128px}
.md .mb .VLbox{OVERFLOW:hidden;HEIGHT:128px}
.md .mb .VLbox P.ttl{TEXT-ALIGN:center}
#HP_pageDivMaskId{Z-INDEX:9999;BACKGROUND:url(/library/image/dot/dot_blank.gif);LEFT:0px;WIDTH:100%;CURSOR:move;POSITION:absolute;TOP:0px}
.md_replace{BORDER-RIGHT:#f60 2px dashed;BORDER-TOP:#f60 2px dashed;MARGIN:0px 0px 10px;BORDER-LEFT:#f60 2px dashed;BORDER-BOTTOM:#f60 2px dashed}
.md_activeborder{BORDER-RIGHT:#f60 2px dashed;BORDER-TOP:#f60 2px dashed;BORDER-LEFT:#f60 2px dashed;BORDER-BOTTOM:#f60 2px dashed;POSITION:absolute}
.md_dm{FONT:0px/0 Arial;HEIGHT:1px}
.c-ad-block{OVERFLOW:hidden;POSITION:relative}
.c-ad-block_con{Z-INDEX:1;LEFT:0px;OVERFLOW:hidden;WIDTH:100%;POSITION:absolute;TOP:0px;HEIGHT:100%}
.c-ad-block B{Z-INDEX:2;BACKGROUND:#ccc;FONT:1px/1px Arial;OVERFLOW:hidden;WIDTH:1px;POSITION:absolute;HEIGHT:1px}
.c-ad-block .b1{LEFT:0px;WIDTH:100%;TOP:0px}
.c-ad-block .b2{RIGHT:0px;TOP:0px;HEIGHT:100%}
.c-ad-block .b3{LEFT:0px;WIDTH:100%;BOTTOM:0px}
.c-ad-block .b4{LEFT:0px;TOP:0px;HEIGHT:100%}
.c-ad-block I{DISPLAY:none;Z-INDEX:2;BACKGROUND:url(img/rc-c.gif) no-repeat 0px 0px;FONT:1px/1px Arial;OVERFLOW:hidden;WIDTH:5px;POSITION:absolute;HEIGHT:5px}
.c-ad-block .r1{LEFT:0px;TOP:0px}
.c-ad-block .r2{BACKGROUND-POSITION:-5px 0px;RIGHT:0px;TOP:0px}
.c-ad-block .r3{BACKGROUND-POSITION:-5px -5px;RIGHT:0px;BOTTOM:0px}
.c-ad-block .r4{BACKGROUND-POSITION:0px -5px;LEFT:0px;BOTTOM:0px}
.c-ad-block A{Z-INDEX:5;BACKGROUND:url(/library/image/dot/dot_blank.gif) 0px 0px;LEFT:0px;OVERFLOW:hidden;WIDTH:100%;POSITION:absolute;TOP:0px;HEIGHT:100%}
#img_slide{POSITION:relative;HEIGHT:241px}
#img_slide .ctl_bar{Z-INDEX:20;BACKGROUND:#000;LEFT:0px;WIDTH:100%;BOTTOM:0px;POSITION:absolute;HEIGHT:42px}
#img_slide .imgs{ZOOM:1;POSITION:relative;TOP:5px}
#img_slide .imgs LI{BORDER-RIGHT:#999 1px solid;BORDER-TOP:#999 1px solid;DISPLAY:inline;FLOAT:left;MARGIN-LEFT:9px;OVERFLOW:hidden;BORDER-LEFT:#999 1px solid;WIDTH:49px;BORDER-BOTTOM:#999 1px solid;HEIGHT:30px}
#img_slide .imgs LI.cur_box{BORDER-TOP-WIDTH:2px;BORDER-LEFT-WIDTH:2px;BORDER-LEFT-COLOR:#fff;LEFT:0px;BORDER-BOTTOM-WIDTH:2px;BORDER-BOTTOM-COLOR:#fff;WIDTH:47px;BORDER-TOP-COLOR:#fff;POSITION:absolute;TOP:0px;HEIGHT:28px;BORDER-RIGHT-WIDTH:2px;BORDER-RIGHT-COLOR:#fff}
#img_slide .imgs LI.cur_box I{BACKGROUND:#fff;FILTER:alpha(opacity=30);WIDTH:0px;POSITION:absolute;HEIGHT:100%;opacity:.3}
#img_slide .btns{LEFT:110px;POSITION:absolute;TOP:12px}
#img_slide .btns A{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(img/sprite.gif) no-repeat -160px 0px;PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:17px;PADDING-TOP:17px;POSITION:absolute;HEIGHT:0px;outline:none}
#img_slide .btns A.play_pause{BACKGROUND-POSITION:-160px 0px;LEFT:339px;WIDTH:34px}
#img_slide .btns A.on_pause{BACKGROUND-POSITION:-160px -17px}
#img_slide .btns A.prev{BACKGROUND-POSITION:-160px -34px;LEFT:66px;VISIBILITY:hidden}
#img_slide .btns A.next{BACKGROUND-POSITION:-177px -34px;LEFT:388px;VISIBILITY:hidden}
#img_slide .btns A.prev:hover{BACKGROUND-POSITION:-160px -51px}
#img_slide .btns A.next:hover{BACKGROUND-POSITION:-177px -51px}
#img_slide .btns SPAN.index_status{PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:url(img/sprite.gif) no-repeat -160px -68px;LEFT:295px;PADDING-BOTTOM:0px;FONT:bold 14px/1.1 Arial;OVERFLOW:hidden;WIDTH:34px;COLOR:#fff;PADDING-TOP:1px;POSITION:absolute;HEIGHT:16px;TEXT-ALIGN:center}
#img_slide .cons{BACKGROUND:#000;OVERFLOW:hidden;POSITION:relative;HEIGHT:241px}
#img_slide .cons .mask{RIGHT:0px;BACKGROUND:none transparent scroll repeat 0% 0%;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/slide_mask.png",sizingMethod="scale");WIDTH:299px;POSITION:absolute;TOP:0px;HEIGHT:241px}
#img_slide .cons .desc{Z-INDEX:10;RIGHT:4px;WIDTH:190px;COLOR:#fff;POSITION:absolute;TOP:27px}
#img_slide .cons .desc A{COLOR:#fff}
#img_slide .cons .desc H5{FONT-SIZE:18px}
#img_slide .cons .desc A.btn_play{PADDING-RIGHT:0px;MARGIN-TOP:0.6em;DISPLAY:block;PADDING-LEFT:0px;BACKGROUND:none transparent scroll repeat 0% 0%;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Library/homepage2009/style/img/btn_play1.png",sizingMethod="scale");PADDING-BOTTOM:0px;OVERFLOW:hidden;WIDTH:70px;PADDING-TOP:23px;HEIGHT:0px}
#img_slide .cons .desc A.btn_play:hover{BACKGROUND:none transparent scroll repeat 0% 0%;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Library/homepage2009/style/img/btn_play2.png",sizingMethod="scale")}
#img_slide .con2{LEFT:0px;WIDTH:9999px;POSITION:absolute;TOP:0px}
#img_slide .img_item{FLOAT:left;WIDTH:488px;POSITION:relative}
.md_ht .hd{POSITION:relative}
.md_ht .tab{LEFT:-2px;WIDTH:150px;POSITION:absolute;TOP:-1px}
.md_ht .tab LI{FLOAT:left;WIDTH:39px;LINE-HEIGHT:29px;HEIGHT:29px;TEXT-ALIGN:center}
.md_ht .tab LI.first{WIDTH:70px}
.md_ht .tab .cur{BORDER-RIGHT:#ccc 1px solid;BORDER-LEFT:#ccc 1px solid}
.md_ht .bd{PADDING-RIGHT:8px;PADDING-LEFT:8px;PADDING-BOTTOM:0px;OVERFLOW:hidden;PADDING-TOP:8px;HEIGHT:204px}
.md_ht .bd LI{LINE-HEIGHT:18px}
.md_ht .bd .line{BORDER-TOP:#999 1px dotted;FONT-SIZE:0px;MARGIN:6px 0px 5px}
.md_ht .all{PADDING-RIGHT:0px;DISPLAY:block;PADDING-LEFT:9px;PADDING-BOTTOM:0px;MARGIN:2px -8px 0px;PADDING-TOP:4px;FONT-FAMILY:"����";HEIGHT:18px}
.md_hotfocus{BORDER-BOTTOM-WIDTH:0px;MARGIN-BOTTOM:0px}
.md_hotfocus .bd{PADDING-RIGHT:8px;PADDING-LEFT:8px;PADDING-BOTTOM:5px;PADDING-TOP:7px}
.md_hotfocus_only1{BORDER-BOTTOM-WIDTH:1px;MARGIN-BOTTOM:10px}
.md_hotfocus_only1 .bd{PADDING-RIGHT:8px;PADDING-LEFT:8px;PADDING-BOTTOM:4px;PADDING-TOP:6px}
.md_hotspecial{BORDER-BOTTOM-WIDTH:1px;MARGIN-BOTTOM:10px}
.md_live H2{PADDING-LEFT:33px;BACKGROUND:url(img/c-cols-C1-icon.gif) no-repeat 8px -18px}
.md_newLinks H2{LINE-HEIGHT:25px;PADDING-TOP:1px;HEIGHT:25px}
.md_newLinks H2 .mopt{LINE-HEIGHT:24px}
.md_newLinks H2 .fr{FONT-WEIGHT:400}
.md_newLinks H2 .fr A{COLOR:#c00}
.md_newLinks .bd{HEIGHT:342px}
.md_newLinks .listbox LI IMG{MARGIN-RIGHT:6px}
.md_24hours .piclist .fl .md{POSITION:relative}
.md_newLinks .hd{POSITION:relative}
.md_24hours .piclist .fl .tab{LEFT:-2px;POSITION:absolute;TOP:-1px}
.md_newLinks .tab{LEFT:-2px;POSITION:absolute;TOP:-1px}
.md_24hours .piclist .fl .tab LI{PADDING-RIGHT:11px;PADDING-LEFT:11px;FLOAT:left;PADDING-BOTTOM:0px;LINE-HEIGHT:29px;PADDING-TOP:0px;HEIGHT:29px;TEXT-ALIGN:center}
.md_newLinks .tab LI{PADDING-RIGHT:11px;PADDING-LEFT:11px;FLOAT:left;PADDING-BOTTOM:0px;LINE-HEIGHT:29px;PADDING-TOP:0px;HEIGHT:29px;TEXT-ALIGN:center}
.md_24hours .piclist .fl .tab .cur{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:0px;BORDER-LEFT:#ccc 1px solid;PADDING-TOP:0px}
.md_newLinks .tab .cur{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:10px;PADDING-LEFT:10px;PADDING-BOTTOM:0px;BORDER-LEFT:#ccc 1px solid;PADDING-TOP:0px}
.ad-text{OVERFLOW:auto;PADDING-TOP:3px;ZOOM:1}
.ad-text UL LI{PADDING-RIGHT:23px;PADDING-LEFT:9px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:130px;LINE-HEIGHT:18px;PADDING-TOP:0px}
.ad-text UL LI.last{PADDING-RIGHT:0px}
.md_adTab{}
.md_adTab .tabs{PADDING-RIGHT:9px;FLOAT:left;WIDTH:36px}
.md_adTab .tabs A{BORDER-RIGHT:#ccc 1px solid;BORDER-TOP:#ccc 1px solid;DISPLAY:block;BACKGROUND:#e1dfe0;LINE-HEIGHT:18px;HEIGHT:19px;TEXT-ALIGN:center}
.md_adTab .tabs A.first{BORDER-TOP-WIDTH:0px}
.md_adTab .tabs A.cur{BACKGROUND:#fff;BORDER-RIGHT-WIDTH:0px}
.md_adTab .con{LINE-HEIGHT:18px;PADDING-TOP:4px}
#md_adTab2{MARGIN-BOTTOM:0px;OVERFLOW:hidden;HEIGHT:78px}
#md_adTab2 UL.con2{MARGIN-LEFT:45px;PADDING-TOP:4px;ZOOM:1}
#md_adTab2 UL.con2 LI{FLOAT:left;WIDTH:33%;LINE-HEIGHT:18px}
#md_adTab3{MARGIN-BOTTOM:0px;OVERFLOW:hidden;HEIGHT:78px}
#md_adTab3 UL.con2{PADDING-LEFT:13px;PADDING-TOP:4px;ZOOM:1}
#md_adTab3 UL.con2 LI{FLOAT:left;WIDTH:33%;LINE-HEIGHT:18px}
.md_cctvCP{FONT-SIZE:12px;BACKGROUND:url(img/sprite_h.gif) #e1dfe1 repeat-x 0px -224px}
.md_cctvCP .title{PADDING-RIGHT:10px;PADDING-LEFT:10px;FONT-SIZE:14px;PADDING-BOTTOM:4px;PADDING-TOP:7px}
.md_cctvCP .title .fr{FONT-WEIGHT:400;FONT-SIZE:12px}
.md_cctvCP .tabs2{PADDING-LEFT:9px;BORDER-BOTTOM:#999 1px solid;HEIGHT:28px}
.md_cctvCP .tabs2 LI{BORDER-TOP:#999 1px solid;FONT-WEIGHT:700;FONT-SIZE:12px;BACKGROUND:url(img/sprite_h.gif) repeat-x 0px -166px;FLOAT:left;MARGIN-BOTTOM:-1px;WIDTH:93px;ZOOM:1;POSITION:relative;TEXT-ALIGN:center}
.md_cctvCP .tabs2 LI SPAN{BORDER-RIGHT:#414141 1px solid;DISPLAY:block;BORDER-LEFT:#6f6f6f 1px solid;PADDING-TOP:6px;HEIGHT:22px}
.md_cctvCP .tabs2 LI.cur SPAN{BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none}
.md_cctvCP .tabs2 LI.first SPAN{BORDER-LEFT:#999 1px solid}
.md_cctvCP .tabs2 LI.last SPAN{BORDER-RIGHT:#999 1px solid}
.md_cctvCP .tabs2 LI IMG{MARGIN:0px 4px -3px 0px}
.md_cctvCP .tabs2 LI A{COLOR:#fff;outline:none}
.md_cctvCP .bd{BACKGROUND:url(img/sprite_h.gif) #e1dfe0 repeat-x 0px -200px;HEIGHT:162px}
.md_cctvCP .ct{BACKGROUND:#ccc;WIDTH:100%}
.md_cctvCP .ct A{DISPLAY:block;FONT-WEIGHT:700;BACKGROUND:#fff;LINE-HEIGHT:22px;HEIGHT:22px;TEXT-ALIGN:center}
.md_cctvCP .ct A:hover{COLOR:#fff}
.md_cctvCP .ct A SPAN{FONT-WEIGHT:400}
.md_cctvCP .cctv-program{BORDER-RIGHT:#b6b6b5 1px solid;PADDING-RIGHT:0px;BORDER-TOP:#b6b6b5 1px solid;PADDING-LEFT:10px;BACKGROUND:#fff;PADDING-BOTTOM:5px;BORDER-LEFT:#b6b6b5 1px solid;LINE-HEIGHT:21px;PADDING-TOP:7px;BORDER-BOTTOM:#b6b6b5 1px solid;FONT-FAMILY:����}
.md_cctvCP .cctv-program .listbox LI{HEIGHT:21px}
.md_cctvCP .cctv-program .listbox LI A{FONT-FAMILY:Arial}
IMG.icn_video{WIDTH:17px;HEIGHT:10px}
.md_24hours .hd{BACKGROUND:url(img/sprite_h.gif) repeat-x 0px -136px}
.md_24hours .hd H2{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:0px}
.md_24hours .hd H2 .fl{PADDING-RIGHT:7px;PADDING-LEFT:7px;Z-INDEX:2;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:94px;PADDING-TOP:0px;POSITION:relative}
.md_24hours .hd H2 .fl B{FONT-SIZE:0px;RIGHT:-6px;BACKGROUND:url(img/sprite.gif) no-repeat -40px -40px;WIDTH:6px;POSITION:absolute;TOP:-1px;HEIGHT:26px}
.md_24hours .hd H2 .fr{PADDING-LEFT:10px;FONT:400 12px/23px "����";WIDTH:368px;PADDING-TOP:3px;HEIGHT:23px}
.md_24hours .hd H2 .fr DIV{COLOR:#000;WHITE-SPACE:nowrap}
#vscroll{OVERFLOW:hidden;WIDTH:360px;MARGIN-RIGHT:8px;POSITION:relative}
.md_24hours .bd{HEIGHT:342px}
.md_24hours .title{FONT:30px/32px "����";TEXT-ALIGN:center}
.md_24hours .title A{COLOR:#11488b}
.md_24hours .mini_title{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:5px;PADDING-TOP:3px}
.md_24hours .mini_title A{COLOR:#416da2}
.md_24hours .pic{FONT-WEIGHT:700;BACKGROUND:#c7c7c7;MARGIN:0px;COLOR:#000}
.md_24hours .piclist UL.fr{WIDTH:242px;MARGIN-RIGHT:-4px}
.md_24hours .piclist UL.fr LI{PADDING-LEFT:1em;TEXT-INDENT:-1em;LINE-HEIGHT:22px}
.md_24hours .listbox LI.label{TEXT-ALIGN:center}
.md_24hours .piclist .fl{WIDTH:226px}
.md_24hours .piclist .fl .md{MARGIN-TOP:8px}
.md_24hours .piclist .fl UL{CLEAR:both}
.md_24hours .piclist .fl .listbox{PADDING-TOP:2px}
.md_24hours .piclist .fl .listbox LI{PADDING-LEFT:6px;MIN-HEIGHT:21px;LINE-HEIGHT:21px;HEIGHT:21px}
.md_24hours .piclist .fl .tab{BACKGROUND:repeat-x 0px 0px;LEFT:0px;BORDER-BOTTOM:#ccc 1px solid;POSITION:relative;TOP:0px;HEIGHT:26px}
.md_24hours .piclist .fl .tab LI{FONT-WEIGHT:700;MARGIN-BOTTOM:-1px;LINE-HEIGHT:26px;PADDING-TOP:1px;POSITION:relative;HEIGHT:26px}
.md_24hours .piclist .fl .tab .cur{LEFT:-1px;PADDING-TOP:1px}
#bd .md_24hours .piclist .fl .tab{BACKGROUND:url(theme-gray/sprite.gif) repeat-x 0px -26px}
#bd .md_24hours .piclist .fl .tab .cur{BACKGROUND:url(theme-gray/sprite.gif) repeat-x 0px -56px}
.md_24hours UL.fl{WIDTH:230px}
.md_24hours UL.fr{WIDTH:230px}
.md_24hours .dotline2{MARGIN-TOP:7px}
#update_tip_win{BORDER-TOP-WIDTH:6px;BORDER-LEFT-WIDTH:6px;Z-INDEX:10000;LEFT:50%;BORDER-BOTTOM-WIDTH:6px;PADDING-BOTTOM:6px;MARGIN:-40px 0px 0px -161px;WIDTH:300px;POSITION:absolute;TOP:50%;BORDER-RIGHT-WIDTH:6px}
#update_tip_win .mb{PADDING-RIGHT:8px;PADDING-LEFT:8px;MIN-HEIGHT:70px;PADDING-BOTTOM:8px;OVERFLOW:visible;PADDING-TOP:8px;HEIGHT:70px}
#update_tip_win H2{PADDING-RIGHT:6px;PADDING-LEFT:6px;FONT-WEIGHT:700;FONT-SIZE:14px;BACKGROUND:url(img/sprite_h.gif) 0px -136px;PADDING-BOTTOM:0px;CURSOR:auto;COLOR:#666;PADDING-TOP:6px;BORDER-BOTTOM:#e1e1e1 1px solid;HEIGHT:23px;TEXT-ALIGN:center}
#update_tip_win H3{FONT-SIZE:16px}
#update_tip_win .mf{PADDING-RIGHT:8px;PADDING-LEFT:8px;PADDING-BOTTOM:2px;PADDING-TOP:0px}
#update_tip_win .mf A{TEXT-DECORATION:underline}
#update_tip_win .mf BUTTON{CURSOR:pointer}
附件:下载该文件资源,减少时间成本(增值服务)
File Source
.rar
224.92 KB
立即下载(CNY 2.9￥)
打赏 收藏
分享
分享到QQ 分享到微博 微信扫一扫
留言
该资源可下载
File Source
.rar
224.92 KB
立即下载
路姬芬霭
了解
打赏作者 鼓励作者
Html 焦点滚动特效2
最新结算
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
HTML5实现CSS滤镜图片切换特效代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31￥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
jQuery+css3实现信封效果
类型: .rar 金额: CNY 0.29￥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害，或使用了您的版权，请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
帮助中心
联系我们
  • QQ：21499807
  • 邮箱：sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章