javascript

js 解决两列、三栏div等高(自适应高度)

kairyou 发表于 2008-04-20, 1:08 AM

javascript代码
  1. <script type="text/javascript">    
  2. <!--    
  3. var l=document.getElementById("left").scrollHeight;   
  4. var r=document.getElementById("right").scrollHeight   
  5. if (r>l)   
  6. {   
  7. document.getElementById("left").style.height=document.getElementById("right").scrollHeight+"px";   
  8.   
  9. }   
  10. else  
  11. {   
  12. document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px";   
  13. }   
  14. -->    
  15. </script>   

网上的div等高方法大致有五种，这个算是其中一种的完善，无论left或是right高时，都可以实现自适应高度。而且就算遇到left或right里面有其他元素影响时，也可以通过在+"px"; 前面加上加减乘除来达到满意的效果，例,可写成：+5+"px"。

下面是三栏等高：

  1. <script language="javascript"> 
  2. var l=document.getElementById("left").scrollHeight 
  3. var m=document.getElementById("middle").scrollHeight 
  4. var r=document.getElementById("right").scrollHeight 
  5. layoutHeight=Math.max(l,m,r) 
  6. document.getElementById("left").style.height=layoutHeight+"px" 
  7. document.getElementById("right").style.height=layoutHeight+"px" 
  8. document.getElementById("middle").style.height=layoutHeight+"px" 
  9. </script> 

 

Tags: javascript

发表在: WebDev 4 条评论 阅读 3102 次

Yeah~一个很不错的不影响网页载入速度的显示广告的代码

kairyou 发表于 2006-11-04, 5:24 PM

下面的代码放到系统要显示的图片的位置：

XML/HTML代码
  1. <script language="javascript">  
  2.     <!--   
  3.     var img = "系统要显示图片地址（可以用代码引用）";   
  4.     if (img != "" && img.indexOf("dfpic.gif") == -1 )   
  5.     {   
  6.         document.write("<a href='"+img+"' target='_blank'><img src='"+img+"' /></a>");   
  7.     }   
  8.     else   
  9.     {   
  10.         document.write("<div align='center' id='AdLoading'>Loading...</div>");   
  11.     }   
  12.     //-->  
  13.     </script>   

下面的代码加到最网页的底部

JavaScript代码
  1. <div id="AdCode" style="display:none">广告代码加到这里</div>   
  2. <script language="JavaScript">   
  3. <!--   
  4. if(document.getElementById("AdLoading") != null)   
  5. {   
  6.     document.getElementById("AdLoading").innerHTML = document.getElementById   
  7.   
  8.   
  9. ("AdCode").innerHTML;   
  10. }   
  11. //-->   
  12. </script>  

效果就是：如果系统有指定显示某个图片，那么广告就隐藏，显示的是系统要显示的图片；如果系统没有要显示的图片，那么显示图片的地方就显示广告。并且载入广告之前，会显示：“Loading...”。而且，这个代码是先载入网页内容后再载入广告内容的，不影响网页内容的载入速度。

感谢朋友梧桐雨和我讨论这个效果，这个效果比我以前发现的GOOGLE的还要好些，可以说是在GOOGLE基础上的加强。

还有一个也不错：http://vfasky.com/show-6-1.html

Tags: 代码 , javascript , 广告

发表在: WebDev 1 条评论 阅读 3533 次

倒计时代码

kairyou 发表于 2006-10-04, 1:24 AM

<Script Language="javascript"> 
<!-- Begin 
　　var timedate= new Date("November 19,2008"); 
　　var times="某某天"; 
　　var now = new Date(); 
　　var date = timedate.getTime() - now.getTime(); 
　　var time = Math.floor(date / (1000 * 60 * 60 * 24)); 
　　if (time >= 0) ; 
document.write("距离"+times+"还有: <font color=red><b>"+time +"</b></font>天"); 
// End --> 
</Script>

Tags: 代码 , javascript

发表在: WebDev 0 条评论 阅读 3279 次

JS限制图片最大尺寸

kairyou 发表于 2006-09-21, 3:35 AM

页面中的图片超过规定的大小就按原图片大小缩小，不超过的就按原样的JS处理方案.

  我们经常会遇到在页面中的图片按照我们自己的大小来显示，这样可以让页面看起来更规范一些。
比如我们要在页面种显示130×160的图片，相当于我们将图片放入这样的一个相框那，超过的就缩放到这个框的大小，小的就原样显示。
    我们这里有2种解决办法，
    1，不按照比例的缩放 <script language="javascript"> 
function changeImg(mypic){ 
     var xw=130; 
     var xl=160; 
    
     var width = mypic.width; 
     var height = mypic.height; 
                             
     if (width > xw ) mypic.width = xw; 
     if (height > xl ) mypic.height = xl; 
} 
</script> 
<img src="sh180.jpg" onload="changeImg(this)">

2，按照比例的缩放
<script language="javascript"> 
function changeImg1(mypic){ 
     var xw=160; 
     var xl=180; 
             
     var width = mypic.width; 
     var height = mypic.height; 
     var bili = width/height;             
             
     var A=xw/width; 
     var B=xl/height; 
             
     if(A>1||B>1) 
     { 
             if(A<B) 
             { 
                 mypic.width=xw; 
                 mypic.height=xw/bili; 
             } 
             if(A>B) 
             { 
                 mypic.width=xl*bili; 
                 mypic.height=xl; 
             } 
     } 
} 
</script> 
<img src="sh180.jpg" onload="changeImg(this)">

Tags: 代码 , javascript

发表在: WebDev 0 条评论 阅读 3377 次

找了好久的惩治小偷或盗连的代码终于找回了

kairyou 发表于 2006-09-20, 1:15 AM

就是影视/音乐站用的最普遍的防盗代码，以前自己发过，可惜BLOG数据丢了将近1个月的，恰巧这篇文章丢了。多亏了百度快照，这次真的要感谢百度了，否则不知道哪天才搜到。 <html>
<head>
<title>【盗连=找死！】【小偷=找死！】</title>
</head>
<script language="javascript1.2">


//Disable select-text script (IE4+, NS6+)- By Small
function disableselect(e){
return false
}


function reEnable(){
return true
}


//if IE4+
document.onselectstart=new Function ("return false")


//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<body bgcolor="#000000" scroll="no" marginwidth="0" leftmargin="0" topmargin="0" oncontextmenu="window.event.returnValue=false" ondragstart="window.event.returnValue=false" onselectstart="event.returnValue=false">
<SCRIPT language=javascript>
<!--
var state=0
window.resizeTo(400,500);
window.moveTo((screen.width-400)/2, (screen.height-500)/2);
//-->
</SCRIPT>
<SCRIPT language=javascript>
<!--
if(window.name!="try_play"){
var i=1;while(i<=800000000000000000){
window.alert("【小子，强行结束吧！不要怪我哦,只能愿你！】");
i=i+1;}window.close();}
//-->
</SCRIPT>
<SCRIPT language=javascript>kstatus();
function kstatus(){
self.status="到这来想干什么？";
setTimeout("kstatus()",0);
}</SCRIPT>
</body>
</html>

访客访问不应该访问的页面，可以设置转向到这个页面，效果就是不断的弹出对话框，Mathon 浏览器 “ctrl+鼠标左键”点弹出对话框可以制止，不过好像浏览器会死掉。。而没有ctrl 阻止弹对话框功能的浏览器，只能ctrl+alt+del 结束程序，alt+F4 是没用的。 比较毒`

Tags: 盗连 , 代码 , javascript , 百度

发表在: WebDev 0 条评论 阅读 3004 次
Total: 7Page 1 of 212Next ›