让你的网页更绚丽 - 站长资源库


答案：1．改变收藏夹URL标题的IE缺省图标
　　当别人收藏你的网站时，想不想使它在收藏夹中更酷更吸引人？那就试着改变收藏夹中你的URL标题前面的IE图标，使它变成一个个性化图标。如果用户的浏览器是IE5.0，这很容易做到，只要在</head>前面加上一句：<link rel="shortcut icon" href=>
　　2．判断用户的屏幕分辨率而转向不同的网页
　　将以下代码加入到</head>前面，并将640.htm、800.htm、1024.htm改为你需要转向的页面。运行测试页面，你还可以看到转向后的页面将变成“第一页”，也就是说浏览器的后退键是不可用的，这就避免了用户按后退键造成“死循环”。
　　<script language="javas cript"> 

　　//resolutionRedirect 

　　if (window.screen){ 

　　var w = screen.width; 

　　url_640 = "640.htm"; 

　　url_800 = "800.htm"; 

　　url_1024 = "1024.htm"; 

　　if(w<740){ 

　　self.location.replace(url_640); 

　　} 

　　if(w>=740 & w<835){ 

　　self.location.replace(url_800); 

　　} 

　　if(w>=835){ 

　　self.location.replace(url_1024); 

　　} 

　　}//resolutionRedirectEnd 

　　</script>
　　3．判断用户显示器色深而转向不同网页
　　将以下代码加入到</head>前面，并将转向页面less.htm、256.htm、more.htm改成你想转向的页面，和上面一样，转向后用户的后退键是不可用的。更深一级的是可以将分辨率和颜色的判断结合起来，即先判断颜色，然后转向到判断分辨率页面。
　　<script language="javascript"> 

　　//ColorDepthRedirect 

　　if (window.screen){ 

　　c=screen.colordepth; 

　　redirectless="less.htm"; 

　　redirect256 = "256.htm"; 

　　redirectMore = "more.htm"; 

　　if(c<{ 

　　self.location.replace(redirectless) 

　　} 

　　if(c>=8 & c<16){ 

　　self.location.replace(redirect256); 

　　} 

　　else{ 

　　self.location.replace(redirectMore); 

　　} 

　　}//ColorDepthRedirectEnd 

　　</script>
　　4．给文字链接加上描述
　　IE4.x以上的浏览器新增了一个功能，可以给文字链接加上文字描述，就象图片一样，当你的鼠标指向图片时，就出现一句描述。在这里我们来给文字链接加上描述，很简单，象下面这个例子：
　　<a href=>http://www.macromedia.com"; title="FLASH5.0发布了快去下载" > FLASH的老家 </a>
　　当你将鼠标指向链接文字“FLASH的老家”，就会显示出“FLASH5.0发布了快去下载”这句描述。同样道理，对于表单中的部份元素，如文本框（text）、单选（redio）、复选（checkbox）都可以用title属性来描述，就不一一介绍了。
　　5．避免鼠标点击“假链接”时出现的错误
　　“假链接”就是并不是真的指向一个链接（废话！）。作为一名Dreamweaver高手，都知道用“假链接（#）”来响应鼠标事件，因为通常的文字不能响应鼠标事件，必须在属性栏的link中加一个“#”，这样你就可以设置当鼠标移到这些文字上时显示和隐藏层等操作，但当用户点击这些“假链接”时则有可能跳到页首（设置了瞄链接）或鼠标变成沙漏，然后页面会刷新一下，因此必须避免用户的click事件，象这样就可以了：<a href=>
　　6．总是保持在最前面
　　不管别人打开了其它什么窗口，你的网页总是保持在最前面，这个很有意思，也很霸道，尽量少用，当然要做到这样则很容易，在body语句中加入这样一句：<body bgcolor="#FFFFFF" onBlur="self.focus()">。
　　7．自动关闭窗口
　　当你的网页失去焦点时，就会弹出一个窗口问是否关闭，在body语句中加入这样一句就可以做到：<body bgcolor="#FFFFFF" onBlur="self.close()">。
　　8．自动移动网页
　　这是个很鬼的技巧！比如你设置一个广告弹出窗口，使它自动移到用户屏幕之外，这样用户就没有那么反感了，不过想关掉这个窗口只能右键点任务栏的图标才行。把以下代码放到弹出窗口的</head>的前面就可以。
　　<script language="javascript"> 

　　//Move_Window 

　　Move_WindowX = 1500; 

　　Move_WindowY = 100; 

　　self.moveTo(Move_WindowX,Move_WindowY);//Move_WindowEnd 

　　</script>
　　9．自动改变窗口大小
　　使窗口自动改变大小也很容易，代码和上面差不多，把以下代码放</head>前面即可。
　　<script language="javas cript"> 

　　//Resize_Window 

　　Resize_WindowX = 200; 

　　Resize_WindowY = 200; 

　　self.resizeTo(Resize_WindowX,Resize_WindowY);//Resize_WindowEnd 

　　</script>
　　注意要自己调整resize_windowx,resize_windowy的值。
　　10．不准别人把我的网页放到他的框架中
　　很多情况下自己的网页被直接引用到他人的框架中（简直像被打劫！），这会令我们很不愉快，当然我们有愉快的解决办法，将下面的代码加到</head>前面就行了。
　　<script language="javascript"> 

　　//myframe 

　　if (top.location !=self.location) 

　　{top.location=self.location} 

　　//myframeEnd 

　　</script>
　　以上的这些只是设计网页的简单技巧，虽然代码短小，但是可以实现的功能却不弱，善用它们，一定会让你的网页更加的丰富多彩，也一定会吸引别人更多的目光！
上一个：网页titile另用
下一个：第二章构成网页的基本元素
更多图片编程知识: