******网页设计常用的一些技巧******
1.加入收藏,设为首页:
<a href="javascript:window.external.AddFavorite('http://www.156159.com','百龙设计工作室')">加入收藏</a>
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:
//www.bydragon.com');">设为首页</a>
2.2秒后关闭当前页:
<script language="JavaScript">
<!--
setTimeout('window.close();',2000);
-->
</script>
3.IE地址栏前换成自己的图标:
在首页<head></head>之间加上如下代码
<link rel="Shortcut Icon" href="favicon.ico">
4.在收藏夹中显示出你的图标:
在首页<head></head>之间加上如下代码
<link rel="Bookmark" href="favicon.ico">
5.改变滚动条颜色:
在首页<head></head>之间加上如下代码
<style>
body{
scrollbar-face-color:147faf; scrollbar-shadow-color:147faf;
scrollbar-highlight-color:147faf; scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff; scrollbar-track-color:ffffff;
scrollbar-arrow-color:ffffff;}
</style>
scrollbar-face-color表示滚动条面的颜色
scrollbar-shadow-color表示滚动条右斜面的颜色
scrollbar-highlight-color表示滚动条左斜面的颜色
scrollbar-3dlight-color表示滚动条上边和左边边沿的颜色
scrollbar-darkshadow-color表示滚动下边和右边边沿的颜色
scrollbar-track-color表示滚动条底板的颜色
scrollbar-arrow-color表示滚动条两端箭头的颜色
6.鼠标移到单元格颜色改变:
<table width=200><tr>
<td
bgcolor="#738278" style="cursor:hand"
onMouseOver="this.style.backgroundColor='red'"
onMouseOut="this.style.background='#738278'">移過來</td><
/tr></table>
7.申请按钮的等待:
把如下代码加入<body>区域中
<FORM action=register.cgi
method=post name=agree><CENTER><INPUT name=agreeb
type=submit value="请认真查看<服务条款和声明> (15秒后继续)"><INPUT
onclick=history.back(-1) type=reset value=" 我 不 同 意
"></CENTER></form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value =" 我 同 意 ";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
}
}
//-->
</SCRIPT>
8.实现连续滚动:
<body>
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,30)
</script>
</body>
9.无提示自动关闭窗口:
脚本说明:
第一步：把如下代码加入<body>区域中
<OBJECT
id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param
name="Command" value="Close"></object>
第二步：把<body>中的内容改为：
<body onload="setTimeout('closes.Click()',20000)">
10.弹出确认删除:
<1>vbscript:
<script language="vbscript">
sub check()
dim a
a=MsgBox("确定要删除吗？",vbOKCancel)
if a=1 then
window.event.returnvalue=true
else
window.event.returnvalue=false
end if
end sub
</script>
<a href="
http://www.blueidea.com/
" onClick="check()">删除</a>
<2>javascript:
<script language="JavaScript1.2">
<!--
function confirmdel(id){
if (confirm("真的要删除吗?"))
window.location.href="/admin_deladmin.asp?id="+id
}
-->
</script>
<a href='javascript:confirmdel("<%=rs("id")%>")'>删除</a>
11.防止点击空链接回到页首端:
把代码“javascript:void(null)”代替原来的“#”标记.
12.window.open的使用语法:
window.open('URL','Name','Features')
name可为空
如：
<a href="javascript:window.open('http://www.bydragon.com','','width=400,height=400')">弹出窗口</a>
其中
http://www.bydragon.com
是你要打开的网页地址。可以使用相对或者是绝对地址,而width=400,height=400 是定义弹出窗口的宽度和高度都是400，其他的几个参数：
toolbar(yes|no): 是否出现浏览器工具栏，在已经设置窗口大小的情况下，默认为no，即不出现！
下同:
location:地址栏
status:状态栏
menubar:菜单条
scrollbars:滚动条
resizable:表示是否出现窗口大小的调整手柄！
结合flash as里边的getURL就是
getURL("javascript:window.open('http://www.bydragon.com','','width=400,height=400')")
13.版权声明的写法正确的格式:
©1995-2004 Macromedia, Inc. All rights reserved.
©2004 Microsoft Corporation. All rights reserved.
Copyright © 2004 Adobe Systems Incorporated. All rights reserved.
©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.
14.内容提交等待:
把如下代码加入<body>区域中
<script language=javascript>
<!--
function showSending() {
sending.style.visibility="visible";
}
-->
</script>
然后调整下面代码的参数使显示提示显示在你想要的位置:
<div id="sending" style="position:absolute; z-index:10; width: 400; visibility:hidden">
<table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
<tr>
<td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
</tr>
</table>
</div>
最后再提交按钮加入 onClick="showSending()">,如:
<input type='submit' name='ACTION' value='发送' onClick="showSending()">
15.实现 iframe 的自适应高度,参考如下代码:
<iframe id="newslist"
name="newslist" width="540" src="/iframenews.htm" marginwidth="1"
marginheight="1" border="0" frameborder="0" target="_self"
style="height:expression(eval(newslist.document.body.scrollHeight))"
>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</iframe>
分享到：
相关推荐
以下是一些基于"40种网页常用小技巧"的详细解读，这些技巧旨在优化网页设计并提供更好的互动性。 1. 取消右键：通过JavaScript，可以禁用用户的鼠标右键点击事件，防止用户查看源代码或使用快捷方式，这在保护版权...
这份"网页设计常用技巧辅助电子书"涵盖了三个核心领域：CSS、JavaScript和HTML，这些都是构建现代网页不可或缺的技术。以下是对这些主题的详细阐述： 1. CSS（层叠样式表）：CSS是用于描述HTML或XML（包括如SVG、...
在网页设计过程中，为了保护网站资源不被轻易下载或盗用，设计师们常常会采用一些技巧来实现这一目的。本文将根据给定的信息，详细解释这些技巧及其应用场景。 ### 一、防止图片直接链接 #### 技巧1：设置图片为...
在本文中，我们将探讨一些常用的网页设计代码及其应用，以及如何保护网页代码和内容不被他人轻易获取。 首先，我们来看一个实现表格半透明显示效果的技巧。在网页中，可以使用CSS样式来控制元素的透明度。通过在`...
以上14种技巧只是40种中的部分，其他技巧可能包括色彩搭配、响应式设计、字体选择、图片优化、导航设计、加载速度优化、交互反馈、表单设计、错误处理、可访问性考虑、网页性能监测等方面，这些都是构建优秀网站不可...
网页代码是构建互联网内容的基础，HTML（HyperText Markup Language）作为网页内容的描述语言，它的熟练掌握对于网页设计和开发至关重要。"网页代码常用小技巧"这个主题涵盖了一系列能够提升HTML编写效率和优化网页...
以上是40种可能涵盖在"40种网页常用技巧"中的技巧，每个点都可以深入探讨，涉及网页设计、前端开发、用户体验和性能优化等多个方面。通过学习和实践这些技巧，开发者可以构建出更加高效、易用且具有竞争力的网站。
网页设计中的JavaScript是一种强大的脚本语言，用于增强用户体验和交互性。以下是一些经典且实用的JavaScript代码片段，它们在创建动态网页时非常有用： 1. **添加到收藏夹**： 这段代码允许用户将当前网页一键...
- 这种方式特别适用于固定尺寸或者不需要滚动的网页设计中，例如一些全屏展示的页面。 ### 图片动态效果实现 接下来是关于图片动态效果的JavaScript代码实现： 1. **实现图片摇晃效果**： - 该段脚本通过修改...
### 网页设计中常用的CSS命名规则整理 在网页设计与开发过程中，合理的CSS命名规则不仅能够提高代码的可读性和可维护性，还能帮助团队成员更好地协作。本文将根据给定文件中的内容，详细介绍网页设计中常用的CSS...
以下将详细解析网页设计中常用的四种Photoshop技巧，旨在提升你的网页设计技能。 1. **切片工具**： 切片工具是Photoshop中用于优化网页图形的重要功能。在设计复杂的网页布局时，设计师会将网页分割成多个可独立...
以下是一些高端大气的网页设计技巧： 1. **页面大小的合理设计**：页面的大小应考虑显示器的分辨率，通常页面尺寸与分辨率成正比。同时，浏览器的工具栏状态会影响实际显示的页面大小。设计师需要确保主要内容在...
在网页设计中，有时为了保护网页内容不被随意复制或下载，开发者会采用一些方法来限制用户的操作。例如，使用`oncontextmenu="window.event.returnValue=false"`可以阻止用户在网页上使用鼠标右键，而`(false)">`则...
根据提供的文件信息，我们可以总结出一系列HTML网页代码中的实用技巧及示例。...值得注意的是，在实际开发过程中，应合理使用这些技巧，确保它们符合网页的设计目标，并且不会对用户造成困扰或不便。
"网页设计常用ICON小图标.rar"这个压缩包显然包含了大量适用于网页设计的小图标资源，方便设计师在创建网站时快速找到合适的图形元素。这些图标通常以SVG、PNG或ICO等格式提供，具有高清晰度和可缩放性，能够适应...
以下是一些关于"网页常用小技巧"的详细说明，这些技巧是前端工程师在日常工作中不可或缺的技能。 1. **响应式设计**：确保网页在不同设备（手机、平板、桌面）上都能呈现良好的布局。使用媒体查询（Media Queries）...