版权声明
·
网站留言
·
联系我们
·
加入收藏
热门关键词:
焦点图
png图标
背景
按钮
首页
PNG图标
广告代码
网页模板
字体下载
JS代码
CSS样式
技术文档
网站常用
gif图片
JPG图片
JavaScript用户手册
flash动画
jsp编程
.net编程
网站配色
网站优化
Oracle教程
JS技术
数据库编程
网络维护
html基础
安全相关
测试相关
知识扩展
CSS技术
DIV+CSS实例
DIV+CSS教程
鼠标特效
网站常用
文字特效
时间日期
图片特效
表格图层
导航菜单
网页特效
详细内容
首页
>>
JS
>>
网页特效
>> 正文
[
关闭窗口
]
超级酷的 Windows vista窗口
发布日期:2010-04-01
点击:7437
<!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" lang="gb2312"> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效观止|站点基地【zdbase.com】| --- 超级酷的 Windows vista窗口</title> <script language="javascript"> var webserver=""; var newphotoimg1_1=new Image(); newphotoimg1_1.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r1_c1.png"; var newphotoimg1_2=new Image(); newphotoimg1_2.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r1_c2.png"; var newphotoimg1_3=new Image(); newphotoimg1_3.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r1_c4.png"; var newphotoimg1_4=new Image(); newphotoimg1_4.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r2_c11.png"; var newphotoimg1_5=new Image(); newphotoimg1_5.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r2_c2.png"; var newphotoimg1_6=new Image(); newphotoimg1_6.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r2_c5.png"; var newphotoimg1_7=new Image(); newphotoimg1_7.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r5_c1.png"; var newphotoimg1_8=new Image(); newphotoimg1_8.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r5_c2.png"; var newphotoimg1_9=new Image(); newphotoimg1_9.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/1_r5_c5.png"; var newphotoimg2_1=new Image(); newphotoimg2_1.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r1_c1.png"; var newphotoimg2_2=new Image(); newphotoimg2_2.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r1_c2.png"; var newphotoimg2_3=new Image(); newphotoimg2_3.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r1_c4.png"; var newphotoimg2_4=new Image(); newphotoimg2_4.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r2_c11.png"; var newphotoimg2_5=new Image(); newphotoimg2_5.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r2_c2.png"; var newphotoimg2_6=new Image(); newphotoimg2_6.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r2_c5.png"; var newphotoimg2_7=new Image(); newphotoimg2_7.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r5_c1.png"; var newphotoimg2_8=new Image(); newphotoimg2_8.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r5_c2.png"; var newphotoimg2_9=new Image(); newphotoimg2_9.src=webserver+"http://d.zdbase.com/srm/srm/work/Editor/UploadFile/2_r5_c5.png"; var t=new Object(); var obj_moing=false; var obj_resize=""; var obj_Ofx=0; var obj_Vfx=0; var obj_lastx=0; var obj_Ofy=0; var obj_Vfy=0; var obj_lasty=0; var alldivnum=2; var allwidth=0; var allheight=0; var closeleft=0; var closetop=0; var moveallwidth=0; var moveallheight=0; var moveleft=0; var movetop=0; var curX=0; var curY=0; var resizeobjnum=0; var pagewidth=0; var pageheight=0; var istrmoveing=0; //alert(pagewidth+"|"+pageheight); function istrmove(yesorno) { if (yesorno=="yes") { istrmoveing=1; } else { istrmoveing=0; } } function down_obj(obj) { if(obj_moing) return; //如果正在拖动,那么返回 var objnum=obj.replace("photodiv",""); if (document.getElementById("ismax"+objnum).value=="yes") { return false; } //alert(objnum); document.getElementById(obj).style.zIndex=100+alldivnum; document.getElementById("topleft"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_1.src+"')"; document.getElementById("topcenter"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_2.src+"',sizingMethod='scale')"; document.getElementById("topright"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_3.src+"')"; document.getElementById("middleleft"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_4.src+"',sizingMethod='scale')"; document.getElementById("middlecenter"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_5.src+"',sizingMethod='scale')"; document.getElementById("middleright"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_6.src+"',sizingMethod='scale')"; document.getElementById("bottomleft"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_7.src+"')"; document.getElementById("bottomcenter"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_8.src+"',sizingMethod='scale')"; document.getElementById("bottomright"+objnum).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg2_9.src+"')"; for(i=1;i<=alldivnum;i++) { if (obj!="photodiv"+i) { if (document.getElementById("photodiv"+i)) { document.getElementById("photodiv"+i).style.zIndex=parseInt(document.getElementById("photodiv"+i).style.zIndex)-1; document.getElementById("topleft"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_1.src+"')"; document.getElementById("topcenter"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_2.src+"',sizingMethod='scale')"; document.getElementById("topright"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_3.src+"')"; document.getElementById("middleleft"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_4.src+"',sizingMethod='scale')"; document.getElementById("middlecenter"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_5.src+"',sizingMethod='scale')"; document.getElementById("middleright"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_6.src+"',sizingMethod='scale')"; document.getElementById("bottomleft"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_7.src+"')"; document.getElementById("bottomcenter"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_8.src+"',sizingMethod='scale')"; document.getElementById("bottomright"+i).style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+newphotoimg1_9.src+"')"; } } } curX=event.clientX+document.documentElement.scrollLeft; curY=event.clientY+document.documentElement.scrollTop; moveallwidth=parseInt(document.getElementById(obj).offsetLeft)+parseInt(document.getElementById(obj).offsetWidth); moveallheight=parseInt(document.getElementById(obj).offsetTop)+parseInt(document.getElementById(obj).offsetHeight); moveleft=parseInt(moveallwidth)-parseInt(curX); movetop=parseInt(moveallheight)-parseInt(curY); if (moveleft<=7 && moveleft>=5) { if (moveleft<=7 && moveleft>=5 && movetop<=13 && movetop>=6) { //document.getElementById(obj).style.cursor="ne-resize"; obj_resize="right_bottom"; } else { obj_resize="right_right"; } document.getElementById(obj).setCapture(); //锁住图片 } else if (movetop<=10 && movetop>=8) { //document.getElementById(obj).style.cursor="n-resize"; obj_resize="bottom_bottom"; document.getElementById(obj).setCapture(); //锁住图片 } else { //document.getElementById(obj).style.cursor=""; obj_resize=""; obj_Ofx = event.clientX; //获取鼠标在网页中的X坐标 obj_Vfx = document.getElementById(obj).offsetLeft; //获取图片的左位置 obj_Ofy = event.clientY; //获取鼠标在网页中的X坐标 obj_Vfy = document.getElementById(obj).offsetTop; //获取图片的左位置 document.getElementById(obj).setCapture(); //锁住图片 obj_moing = true; //设正在拖动 } } function up_obj(obj) //当鼠标弹起时触发 { var objnum=obj.replace("photodiv",""); if(obj_moing==true && obj_resize=="") //如果不是正在拖动,那么 { document.getElementById("lefttop"+objnum).value=parseInt(document.getElementById(obj).style.left)+","+parseInt(document.getElementById(obj).style.top); document.getElementById(obj).releaseCapture(); //释放锁住的图片 obj_moing = false; //设不是正在拖动 } else if (obj_moing==false && obj_resize!="") { document.getElementById("widthheight"+objnum).value=parseInt(document.getElementById(obj).offsetWidth)+","+parseInt(document.getElementById(obj).offsetHeight); document.getElementById("lefttop"+objnum).value=parseInt(document.getElementById(obj).style.left)+","+parseInt(document.getElementById(obj).style.top); document.getElementById(obj).releaseCapture(); //释放锁住的图片 obj_resize=""; } } function move_obj(obj) //当鼠标移动时触发 { if(obj_moing==false && obj_resize=="") //如果不是正在拖动,那么返回 { curX=event.clientX+document.documentElement.scrollLeft; curY=event.clientY+document.documentElement.scrollTop; moveallwidth=parseInt(document.getElementById(obj).offsetLeft)+parseInt(document.getElementById(obj).offsetWidth); moveallheight=parseInt(document.getElementById(obj).offsetTop)+parseInt(document.getElementById(obj).offsetHeight); moveleft=parseInt(moveallwidth)-parseInt(curX); movetop=parseInt(moveallheight)-parseInt(curY); if (moveleft<=7 && moveleft>=5) { if (moveleft<=7 && moveleft>=5 && movetop<=13 && movetop>=6) { document.getElementById(obj).style.cursor="se-resize"; } else { document.getElementById(obj).style.cursor="w-resize"; } } else if (movetop<=10 && movetop>=8) { document.getElementById(obj).style.cursor="n-resize"; } else { document.getElementById(obj).style.cursor=""; } //var objnum=obj.replace("photodiv",""); //document.getElementById("middlecenter"+objnum).innerHTML=document.getElementById(obj).offsetLeft+","+document.getElementById(obj).offsetWidth+"|"+d
提示:您可以先修改部分代码再运行,复制代码和保存代码功能在Firefox下无效。
相关文章
关于我们
-
版权声明
-
联系我们
-
网站留言
-
网站地图
Copyright © 2010 zdbase.com All Rights Reserved.
苏ICP备15039389号
可人软件设计