<![CDATA[电脑老窝 - 例子]]> http://www.sokox.com/blog/ zh-cn PBlog2 v2.4 电脑老窝 http://www.sokox.com/blog/images/logos.gif http://www.sokox.com/blog/ 电脑老窝 http://www.sokox.com/blog/article/lizi/145.htm <![CDATA[随下拉菜单选项变化的图片]]> sevengo@163.com(小骇) Mon,02 Feb 2009 17:32:05 +0800 http://www.sokox.com/blog/default.asp?id=145 <script language=vbs>
for i = 1 to 14
document.write"<option value=http://www.makewing.com/lanren/emotions/07/"&i&".gif>头像"&i&"</option>"
next
</script>
</select>

<img id=face src=http://www.makewing.com/lanren/emotions/07/1.gif>]]> http://www.sokox.com/blog/article/lizi/144.htm <![CDATA[鼠标滑过自动切换板块的代码滑轮新闻显示]]> sevengo@163.com(小骇) Mon,02 Feb 2009 17:20:57 +0800 http://www.sokox.com/blog/default.asp?id=144 <META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css"><!--BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center}
.dis {DISPLAY: block}
.undis {DISPLAY: none}
#cntR {WIDTH: 302px}
#NewsTop {    CLEAR: both; MARGIN-BOTTOM: 16px}
#NewsTop P {    FLOAT: left; LINE-HEIGHT: 21px}
#NewsTop P.topTit {    FONT-WEIGHT: bold; WIDTH: 117px}
#NewsTop P.topC0 {    BACKGROUND: #dcdcdc; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer}
#NewsTop P.topC1 {    BACKGROUND: #c2130e; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff}
#NewsTop #NewsTop_tit {    BORDER-BOTTOM: #c2130e 3px solid; HEIGHT: 21px}
#NewsTop #NewsTop_cnt {    PADDING-LEFT: 32px; BACKGROUND: url(http://www.makewing.com/images/uppic/200707260904030.gif) no-repeat 12px 13px; LINE-HEIGHT: 26px; PADDING-TOP: 7px; HEIGHT: 260px; TEXT-ALIGN: left}
#NewsTop #NewsTop_cnt A {    COLOR: #666; TEXT-DECORATION: none}
#NewsTop #NewsTop_cnt A:hover {    COLOR: #c2130e; TEXT-DECORATION: underline}
--></style>
<script type="text/JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}
//-->
</script>
</HEAD>
<BODY>
<DIV id=cntR>
  <DIV id=NewsTop>
    <DIV id=NewsTop_tit>
      <P class=topTit>新闻排行</P>
      <P class=topC0>国内</P>
      <P class=topC0>国际</P>
      <P class=topC0>社会</P>
      <P class=topC0>网评</P>
    </DIV>
    <DIV id=NewsTop_cnt><SPAN title="Don't delete me"></SPAN>
    <SPAN>
       <A href="http://www.makewing.com" target=_blank>新疆阜康铁路桥梁坍塌多节运煤车厢侧翻坠河</A><BR>
      <A href="http://www.makewing.com" target=_blank>最高法:承诺不判赖昌星死刑没有超越法律程序</A><BR>
      <A href="http://www.makewing.com" target=_blank>物权法:满70年住宅建设用地使用权将自动续期</A><BR>
      <A href="http://www.makewing.com" target=_blank>弟弟被妻下药毒死男子买女尸为其配阴婚(图)</A><BR>
      <A href="http://www.makewing.com" target=_blank>揭开郑州神枪手神秘面纱 头号狙击手是近视眼</A><BR>
      <A href="http://www.makewing.com" target=_blank>美军高官:不排除和中国发生直接事对抗可能</A><BR>
      <A href="http://www.makewing.com" target=_blank>浙江东阳传奇富姐吴英涉嫌非法吸收存款被批捕</A><BR>
      <A href="http://www.makewing.com" target=_blank>西方炒作"中国航母威胁论"称05年已正式服役</A><BR>
      <A href="http://www.makewing.com" target=_blank>女孩生活无法自理请人大代表递交安乐死议案</A><BR>
      <A href="http://www.makewing.com" target=_blank>建设部：住房公积金制度将覆盖农民工</A><BR>
      <div align="right"><A href="http://www.makewing.com" target=_blank>...more</A></div>
    </SPAN>
    <SPAN>
        <A href="http://www.makewing.com" target=_blank>美华裔女兵在营房上吊死亡军方介入调查(图)</A><BR>
        <A href="http://www.makewing.com" target=_blank>组图：美国总统布什被撞</A><BR>
        <A href="http://www.makewing.com" target=_blank>梦露掌握肯尼迪之弟秘密遭诱骗自杀(组图)</A><BR>
        <A href="http://www.makewing.com" target=_blank>孟加拉国严打贪官人人自危奔驰宝马抛弃路边</A><BR>
        <A href="http://www.makewing.com" target=_blank>韩国将举行大规模军事演习(图文)</A><BR>
        <A href="http://www.makewing.com" target=_blank>组图：土星最大卫星表面发现“海洋”</A><BR>
        <A href="http://www.makewing.com" target=_blank>墨西哥缉毒行动缴获2亿美元巨额现钞(组图)</A><BR>
        <A href="http://www.makewing.com" target=_blank>组图：全球掀起裸体抗议加拿大捕猎海豹活动</A><BR>
        <A href="http://www.makewing.com" target=_blank>美潜艇在百慕大失踪一晚航母战群出动搜索</A><BR>
        <A href="http://www.makewing.com" target=_blank>匈牙利20万人示威 政要被民众扔鸡蛋(组图)</A><BR>
        <div align="right"><A href="http://www.makewing.com" target=_blank>...more</A></div>
      </SPAN>
      <SPAN>
      <A href="http://www.makewing.com" target=_blank>深圳女工被三名男子轮奸男友目睹过程(组图)</A><BR>
          <A href="http://www.makewing.com" target=_blank>男子珍藏一角钱“币王”价格高达1.3万(图)</A><BR>
          <A href="http://www.makewing.com" target=_blank>青海女孩被困洗头房每天接客十几次(图)</A><BR>
          <A href="http://www.makewing.com" target=_blank>组图：老妻少夫演绎忘年恋69岁妻子成功除皱</A><BR>
          <A href="http://www.makewing.com" target=_blank>陕西蓝田县电视台播放淫秽影像 达10分钟左右</A><BR>
          <A href="http://www.makewing.com" target=_blank>女子自称被大学教授诱骗同居讨要分手费(图)</A><BR>
          <A href="http://www.makewing.com" target=_blank>组图：男女私处成造型“性”趣礼品太出格</A><BR>
          <A href="http://www.makewing.com" target=_blank>组图：四川泸州16岁女孩打造中国第一丑女</A><BR>
          <A href="http://www.makewing.com" target=_blank>最高法:承诺不判赖昌星死刑没有超越法律程序</A><BR>
          <A href="http://www.makewing.com" target=_blank>深圳发现睾丸被摘男童尸体续：疑为1月前失踪</A><BR>
          <div align="right"><A href="http://www.makewing.com" target=_blank>...more</A></div>
      </SPAN>
        <SPAN>
            <A href="http://www.makewing.com" target=_blank>养路费征稽员强制扣车致三轮车夫惨死车轮下</A><BR>
            <A href="http://www.makewing.com" target=_blank>20多位学者谈中医问题 方舟子遭多名专家批驳</A><BR>
            <A href="http://www.makewing.com" target=_blank>考研女生自称揭露监考老师作弊 成绩被判零分</A><BR>
            <A href="http://www.makewing.com" target=_blank>全国政协委员建议一户一房制引起网民热议</A><BR>
            <A href="http://www.makewing.com" target=_blank>河南周口市6名警察将人打昏后扔下楼摔死</A><BR>
            <A href="http://www.makewing.com" target=_blank>组图：69岁老妻除皱成功 与少夫开始新生活</A><BR>
            <A href="http://www.makewing.com" target=_blank>青海女孩被困洗头房每天接客十几次(图)</A><BR>
            <A href="http://www.makewing.com" target=_blank>美上将：解放军不是美军对手 导弹打不垮台湾</A><BR>
            <A href="http://www.makewing.com" target=_blank>新疆阜康铁路桥梁坍塌导致运煤列车脱轨</A><BR>
            <A href="http://www.makewing.com" target=_blank>铁道部回应吴敬琏质疑:春运不涨价将长期坚持</A><BR>
    <div align="right"><A href="http://www.makewing.com" target=_blank>...more</A></div>
        </SPAN>
    </DIV>
<SCRIPT>
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');
var len=Tags.length;
var flag=1;//修改默认值
for(i=1;i<len;i++){
    Tags[i].value = i;
    Tags[i].onmouseover=function(){changeNav(this.value)};
    TagsCnt[i].className='undis';            
}
    Tags[flag].className='topC1';
    TagsCnt[flag].className='dis';
    function changeNav(v){    
    Tags[flag].className='topC0';
    TagsCnt[flag].className='undis';
    flag=v;    
    Tags[v].className='topC1';
    TagsCnt[v].className='dis';
}
            </SCRIPT>
  </DIV>
</DIV>
</BODY></HTML>]]> http://www.sokox.com/blog/article/lizi/143.htm <![CDATA[鼠标放到文字上出注释的代码]]> sevengo@163.com(小骇) Mon,02 Feb 2009 17:19:10 +0800 http://www.sokox.com/blog/default.asp?id=143 <a class="tooltips" href="#tooltips">这就是Tooltips<span>如你所见，这些附加的说明文字在鼠标经过的时候显示。</span></a>
<style type="text/css">
/*Tooltips*/
.tooltips{
position:relative; /*这个是关键*/
z-index:2;
}
.tooltips:hover{
z-index:3;
background:none; /*没有这个在IE中不可用*/
}
.tooltips span{
display: none;
}
.tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/
display:block;
position:absolute;
top:21px;
left:9px;
width:15em;
border:1px solid black;
background-color:#ccFFFF;
padding: 3px;
color:black;
}
</style>]]> http://www.sokox.com/blog/article/lizi/142.htm <![CDATA[自动选择列表框代码]]> sevengo@163.com(小骇) Mon,02 Feb 2009 17:17:18 +0800 http://www.sokox.com/blog/default.asp?id=142 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=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title>css괥Ч</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
color: #000;
font-size: 12px;
line-height: 160%;
text-align: left;
height: 100%;
font-family: '',Tahoma ,arial,verdana,sans-serif,'Lucida Grande','Lucida Sans Unicode';
}
*{ margin:0; padding:0;}
h2,h2 a:link,h2 a:hover,h2 a:visited{
font-size: 14px;
text-decoration: none;
color: #000000;
}
.kw_from {
padding:20px 0 0 0px;
margin: auto;
height: 300px;
overflow: hidden;
width: 650px;
}
.kw_from .sbtn{
float:left;
width:80px;
padding: 16px 0 0 0;
}
.kw_from .searchMore{
float:left;
width:80px;
padding: 4px;
}
#searchNav {
width:430px;
float: left;
}
#searchNav #conter1, #searchNav #conter3{
float:left;
width:250px;
}
#searchNav #conter2, #searchNav #conter4{
float:left;
width:180px;
}
#searchNav ul {
padding: 0;
margin: 0;
list-style: none;
}
#searchNav li {
float: left;
}
#searchNav li ul {
display: none;
top: 20px;
}
#searchNav li:hover ul, #searchNav li.over ul {
display: block;
float:left;
}
#searchNav ul li a{
float:left;
display:block;
font-size:12px;
padding:3px;
text-decoration: none;
color: #777;
}
#searchNav ul li a:hover{
background-color:#f4f4f4;
}
#searchNav #jobKw{
width:220px;
height:18px;
}
#searchNav #cityKw{
width:130px;
height:18px;
}
-->
</style>
<script type="text/javascript">
<!--//--><![CDATA[//>
<!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("searchNav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]>
</script>
</head>
<body>
<div class="kw_from">
<form action="/search.html" method="get" name="searchForm" id="searchForm" onsubmit="return check()">

<ul id="searchNav">
<li id="conter1"><h2>ʲô</h2>
<input id="jobKw" name="jobKw" type="text" />
<ul id="conter3">
<li><a href="#"></a> </li>
<li><a href="#">ҳ</a></li>
<li><a href="#"></a></li>
<li><a href="#">ҽ</a></li>
<li><span class="moreCity"><a href="#">>> </a></span></li>
</ul>
</li>
<li id="conter2"><h2></h2>
<input id="cityKw" name="cityKw" type="text" />
<ul id="conter4">
<li><a href="#"></a> </li>
<li><a href="#">Ϻ</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">Ͼ</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#">ɶ</a></li>
<li><a href="#"></a></li>
<li><a href="#">人</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><span class="moreCity"><a href="#">>></a></span></li>
</ul>
</li>
</ul>
<div class="sbtn">
<input name="submit" type="submit" class="btn4" style="margin:0px 15px 2px 0;" value="" />
</div>
<div class="searchMore">
<a href="search_expert.html">߼</a><br /><a href="search_sort.html"></a> </div>
</form>
</div>
</body>
</html>]]> http://www.sokox.com/blog/article/lizi/141.htm <![CDATA[鼠标放上出现大图的代码]]> sevengo@163.com(小骇) Mon,02 Feb 2009 17:14:43 +0800 http://www.sokox.com/blog/default.asp?id=141 #demo{overflow:hidden;width:120px;text-align:center;padding:10px;}
#demo img{border:none;width:100px;height:100px;border:5px solid #f4f4f4}
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}
</style>
<div id="demo" style="overflow:hidden;width:120px;text-align:center;padding:10px">
    <img src="http://www.makewing.com/images/uppic/200801101244190.jpg">
</div>
<div id="enlarge_images"></div>
<script>
var demo = document.getElementById("demo");
var gg = demo.getElementsByTagName("img");
var ei = document.getElementById("enlarge_images");
for(i=0; i<gg.length; i++){
    var ts = gg[i];
    ts.onmousemove = function(event){
        event = event || window.event;
        ei.style.display = "block";
        ei.innerHTML = '<img src="' + this.src + '" />';
        ei.style.top  = document.body.scrollTop + event.clientY + 10 + "px";
        ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";
    }
    ts.onmouseout = function(){
        ei.innerHTML = "";
        ei.style.display = "none";
    }
    ts.onclick = function(){
        window.open( this.src );
    }
}
</script>
]]> http://www.sokox.com/blog/article/lizi/140.htm <![CDATA[掉链图片的替代图片方法]]> sevengo@163.com(小骇) Sun,01 Feb 2009 15:44:29 +0800 http://www.sokox.com/blog/default.asp?id=140 http://www.makewing.com/images/logo88x31.gif'">]]> http://www.sokox.com/blog/article/lizi/139.htm <![CDATA[图片无缝滚动]]> sevengo@163.com(小骇) Sun,01 Feb 2009 15:42:12 +0800 http://www.sokox.com/blog/default.asp?id=139 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=utf-8"   />  
<title>无缝滚动</title>  
</head>  
  
<body>  
<style>a{display:block;font-size:15px};</style>  
<div   id="div1" style="width:300px;height:68px;overflow:hidden">  
   <div  id="div2" style="margin-top:0px;line-height:20px;">
     <a   href="javascript:">1,你可曾有过无数的梦想，</a> _fcksavedurl=""javascript:">1,你可曾有过无数的梦想，</a>"  
     <a   href="javascript:">2,却在时光的流逝里幻灭   </a>  
     <a   href="javascript:">3,你可曾对未来期待憧憬，</a>  
     <a   href="javascript:">4,却在成长的岁月中迷失</a>  
     <a   href="javascript:">5,CSDN中国程序员论坛</a>  
     <a   href="javascript:">6,大家一起来</a>  
     <a   href="javascript:">7,好象都很不错的样子</a>  
    </div>
</div>    
<script>  
function scrolln(id,samont,step){
   var  d=document.getElementById(id);
  if(!d.scrolln){
    if(step){d.step=step;d.samont=samont;}
    d.scrolln=setInterval("scrolln('"+id+"')",d.samont);
     d.onmouseover=function(){clearInterval(this.scrolln);this.scrolln=null;}  
     d.onmouseout=function(){scrolln(this.id)}
  }
   var top=parseInt(d.style.marginTop);  
  var lineheight=parseInt(d.style.lineHeight);
  if(top>-lineheight){
     d.style.marginTop=(top-d.step)+"px";}
  else{
   do{
   var o=d.firstChild;
   d.removeChild(o);
   d.appendChild(o);
   }while(!d.firstChild.tagName)
   d.style.marginTop="0px";
  }
}
//第一个参数为要滚动块的标签id,第二个参数为滚动间隔时间，第三个参数为滚动距离px
scrolln("div2",100,2);
</script>  
</body>  
</html>    

]]> http://www.sokox.com/blog/article/lizi/138.htm <![CDATA[页面右下角弹出类似QQ或MSN的消息提示]]> sevengo@163.com(小骇) Sun,01 Feb 2009 15:41:31 +0800 http://www.sokox.com/blog/default.asp?id=138 <TITLE>网页特效观止|JsCode.CN|---页面右下角弹出类似QQ或MSN的消息提示</TITLE>
<SCRIPT language=JavaScript>  
<!--  
  
/**//*  
**    ==================================================================================================  
**    类名：CLASS_MSN_MESSAGE  
**    功能：提供类似MSN消息框  
**    示例：  
    ---------------------------------------------------------------------------------------------------  
  
            var MSG = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");  
                MSG.show();  
  ==================================================================================================  
**/  
  
  
/**//*  
*    消息构造  
*/  
function CLASS_MSN_MESSAGE(id,width,height,caption,title,message,target,action){  
    this.id     = id;  
    this.title  = title;  
    this.caption= caption;  
    this.message= message;  
    this.target = target;  
    this.action = action;  
    this.width    = width?width:200;  
    this.height = height?height:120;  
    this.timeout= 150;  
    this.speed    = 20;
    this.step    = 1;
    this.right    = screen.width -1;  
    this.bottom = screen.height;
    this.left    = this.right - this.width;
    this.top    = this.bottom - this.height;
    this.timer    = 0;
    this.pause    = false;
    this.close    = false;
    this.autoHide    = true;
}  
  
/**//*  
*    隐藏消息方法  
*/  
CLASS_MSN_MESSAGE.prototype.hide = function(){  
    if(this.onunload()){  

        var offset  = this.height>this.bottom-this.top?this.height:this.bottom-this.top;
        var me  = this;  

        if(this.timer>0){  
            window.clearInterval(me.timer);  
        }  

        var fun = function(){  
            if(me.pause==false||me.close){
                var x  = me.left;
                var y  = 0;
                var width = me.width;
                var height = 0;
                if(me.offset>0){
                    height = me.offset;
                }
    
                y  = me.bottom - height;
    
                if(y>=me.bottom){
                    window.clearInterval(me.timer);  
                    me.Pop.hide();  
                } else {
                    me.offset = me.offset - me.step;  
                }
                me.Pop.show(x,y,width,height);    
            }            
        }  

        this.timer = window.setInterval(fun,this.speed)      
    }  
}  
  
/**//*  
*    消息卸载事件，可以重写  
*/  
CLASS_MSN_MESSAGE.prototype.onunload = function() {  
    return true;  
}  
/**//*  
*    消息命令事件，要实现自己的连接，请重写它  
*  
*/  
CLASS_MSN_MESSAGE.prototype.oncommand = function(){  
    //this.close = true;
    this.hide();  
    window.open("http://www.baidu.com");
  
}
/**//*  
*    消息显示方法  
*/  
CLASS_MSN_MESSAGE.prototype.show = function(){  

    var oPopup = window.createPopup(); //IE5.5+  
    
    this.Pop = oPopup;  
  
    var w = this.width;  
    var h = this.height;  
  
    var str = "<DIV style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: " + w + "px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: " + h + "px; BACKGROUND-COLOR: #c9d3f3'>"  
        str += "<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0>"  
        str += "<TR>"  
        str += "<TD style='FONT-SIZE: 12px;COLOR: #0f2c8c' width=30 height=24></TD>"  
        str += "<TD style='PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1f336b; PADDING-TOP: 4px' vAlign=center width='100%'>" + this.caption + "</TD>"  
        str += "<TD style='PADDING-RIGHT: 2px; PADDING-TOP: 2px' vAlign=center align=right width=19>"  
        str += "<SPAN title=关闭 style='FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px' id='btSysClose' >×</SPAN></TD>"  
        str += "</TR>"  
        str += "<TR>"  
        str += "<TD style='PADDING-RIGHT: 1px;PADDING-BOTTOM: 1px' colSpan=3 height=" + (h-28) + ">"  
        str += "<DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 8px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'>" + this.title + "<BR><BR>"  
        str += "<DIV style='WORD-BREAK: break-all' align=left><A href='javascript:void(0)' hidefocus=false id='btCommand'><FONT color=#ff0000>" + this.message + "</FONT></A>fghfghfghghghgh<A href='http://www.sohu.com' hidefocus=false id='ommand'><FONT color=#ff0000>dfgdfgfg</FONT></A></DIV>"  
        str += "</DIV>"  
        str += "</TD>"  
        str += "</TR>"  
        str += "</TABLE>"  
        str += "</DIV>"  
  
    oPopup.document.body.innerHTML = str;
    
  
    this.offset  = 0;
    var me  = this;  

    oPopup.document.body.onmouseover = function(){me.pause=true;}
    oPopup.document.body.onmouseout = function(){me.pause=false;}

    var fun = function(){  
        var x  = me.left;
        var y  = 0;
        var width    = me.width;
        var height    = me.height;

            if(me.offset>me.height){
                height = me.height;
            } else {
                height = me.offset;
            }

        y  = me.bottom - me.offset;
        if(y<=me.top){
            me.timeout--;
            if(me.timeout==0){
                window.clearInterval(me.timer);  
                if(me.autoHide){
                    me.hide();
                }
            }
        } else {
            me.offset = me.offset + me.step;
        }
        me.Pop.show(x,y,width,height);    

    }  
  
    this.timer = window.setInterval(fun,this.speed)      
  
    
  
    var btClose = oPopup.document.getElementById("btSysClose");  
  
    btClose.onclick = function(){  
        me.close = true;
        me.hide();  
    }  
  
    var btCommand = oPopup.document.getElementById("btCommand");  
    btCommand.onclick = function(){  
        me.oncommand();  
    }    
     var ommand = oPopup.document.getElementById("ommand");  
      ommand.onclick = function(){  
       //this.close = true;
    me.hide();  
    window.open(ommand.href);
    }  
}  
/**//*
** 设置速度方法
**/
CLASS_MSN_MESSAGE.prototype.speed = function(s){
    var t = 20;
    try {
        t = praseInt(s);
    } catch(e){}
    this.speed = t;
}
/**//*
** 设置步长方法
**/
CLASS_MSN_MESSAGE.prototype.step = function(s){
    var t = 1;
    try {
        t = praseInt(s);
    } catch(e){}
    this.step = t;
}
  
CLASS_MSN_MESSAGE.prototype.rect = function(left,right,top,bottom){
    try {
        this.left        = left    !=null?left:this.right-this.width;
        this.right        = right    !=null?right:this.left +this.width;
        this.bottom        = bottom!=null?(bottom>screen.height?screen.height:bottom):screen.height;
        this.top        = top    !=null?top:this.bottom - this.height;
    } catch(e){}
}
var MSG1 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有1封消息","今天请我吃饭哈");  
    MSG1.rect(null,null,null,screen.height-50);
    MSG1.speed    = 10;
    MSG1.step    = 5;
    //alert(MSG1.top);
    MSG1.show();  

//同时两个有闪烁，只能用层代替了，不过层不跨框架
//var MSG2 = new CLASS_MSN_MESSAGE("aa",200,120,"短消息提示：","您有2封消息","好的啊");  
//   MSG2.rect(100,null,null,screen.height);
//    MSG2.show();  
//-->  
</SCRIPT>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY></BODY></HTML>]]> http://www.sokox.com/blog/article/lizi/137.htm <![CDATA[图片左滚]]> sevengo@163.com(小骇) Sun,01 Feb 2009 15:41:00 +0800 http://www.sokox.com/blog/default.asp?id=137 http://www.makewing.com/lanren/jscode/js-0063/images/01.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/02.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/03.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/04.jpg"><img src="http://www.makewing.com/lanren/jscode/js-0063/images/05.jpg"></td><td id=demo2 valign=top></td></tr></table></div>
  <script>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>]]> http://www.sokox.com/blog/article/lizi/136.htm <![CDATA[动态菜单2]]> sevengo@163.com(小骇) Sun,01 Feb 2009 15:39:42 +0800 http://www.sokox.com/blog/default.asp?id=136 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<style type="text/css">
#one{
font-size:14pt;
color:#CCCC66;
width:150px;
border-width:1px;
border-color:#000;
border-style:solid;
}
#two{
z-index:1;
display:none;
width:150px;
height:100px;
margin:0px;
border-width:1px;
border-color:#000;
border-style:solid;
}
</style>
<script language="javascript">
function changeDisplay(mainMenuName,secondMenuName){
  var mainMenu=document.getElementById(mainMenuName)
  var secondMenu=document.getElementById(secondMenuName)
  mainMenu.onmouseover=function(){
    secondMenu.style.display="block"
    secondMenu.onmouseover=function(){
      secondMenu.style.display="block"
    }
    secondMenu.onmouseout=function(){
      secondMenu.style.display="none"
    }
  }
   mainMenu.onmouseout=function(){
    secondMenu.style.display="none"
  }
}
</script>
<div id="one"><a href="#" onMouseOver="changeDisplay('one','two')" >onMouseOver</a></div>
<div id="two">show or hidden</div>
</body>
</html>]]>