通过鼠标来拖动拉伸窗口,兼容当前主流浏览器。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网,站长必备js特效及广告代码。大量高质量js特效,提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 可拖拉缩放的窗口 站长特效网</title>
<style type="text/css">
*{margin:0;padding:0;list-style:none outside none;}
.zzjs_net{width:400px;height:300px;padding:3px;background: #CCFFFF;border:solid 1px #ccc;margin:50px auto;position:relative;}
.www_zzjs_net{width:100%;height:100%;background:#fff;}
#zzjs__net{position:absolute;width:5px;height:5px;bottom:0;right:0;z-index:99;background:#f00;cursor:nw-resize;
/*阻止选中*/
-moz-user-select:none;
-khtml-user-select:none;
user-select:none;
}
</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net,站长js特效。<hr>
<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.netzzjs@msn.com,用.net打造靓站-->
<div class="zzjs_net" id="zzjs_net" >
 <div class="www_zzjs_net" id="www_zzjs_net">站长特效网,www.zzjs.net<br />打造国内最帅的网页特效站!</div>
 <div id="zzjs__net"></div>
</div>
<script type="text/javascript">
<!--
$=(function($){
 return $=document.getElementById($);
});
var btn_rb=$("zzjs__net")
var zzjs_net=$("zzjs_net");
var od=$("zzjs__net")
var e=window.event;
var mouseD;
var odrag;
if(document.all){
 //阻止ie选中
 od.onselectstart=function(){
  return false;
 }
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
document.οnmοuseup=function(){
 mouseD=false;
 odrag="";
}//x欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
od.οnmοusedοwn=function(){
 mouseD=true;
 odrag=this;
}//欢迎来到站长特效网,c我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
od.οnmοuseup=function(){
 mouseD=false;
 odrag="";
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还q有许多广告代码下载。
document.οnmοusemοve=function(e){
 var e=e?e:event;
 if(mouseD==true && odrag){
  zzjs_net.style.width=e.clientX-zzjs_net.offsetLeft+"px";
  zzjs_net.style.height=e.clientY-zzjs_net.offsetTop+"px";
 }
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长c,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
//-->
</script>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值