`
thinkerAndThinker
  • 浏览: 284724 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

65条网页制作常用技巧整理

 
阅读更多

自从学习WEB开发起,自己喜欢平时把常用的技巧和遇到的问题都收集起来。这个文档主要含在制作网页时常用的一些技巧。中间大多数是html/js/css等技巧。大家可以去下载PDF的收藏:http://www.docin.com/p-45120957.html

 ====================

 

1.将彻底屏蔽鼠标右键
oncontextmenu="window.event.returnvalue=false"
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:-Disabled"> 关闭输入法

8. 永远都会带着框架
<script language="javascript">
<!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// -->
</script>

9. 防止被人frame
<SCRIPT LANGUAGE=javascript>
<!-- 
if (top.location != self.location)top.location=self.location;
// -->
</SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>

11. <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ http://www.51js.com/'";>

12.删除时确认
<a href='javascript:if(confirm("确实要删除吗?"location="boos.asp?&areyou=删除&page=1"'>删除</a>

13. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

14. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> 
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>

15.屏蔽功能键Shift,Alt,Ctrl 
<script> 
function look(){  
if(event.shiftKey)  
alert("禁止按Shift键!"; //可以换成ALT CTRL 
}  
document.onkeydown=look;  
</script>

16. 网页不会被缓存 
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
或者<META HTTP-EQUIV="expires" CONTENT="0">

17.怎样让表单没有凹凸感?(只是显示一条线) 
<input type=text style="border:1 solid #000000">  
或<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000"></textarea>

18.让弹出窗口总是在最上面: 
<body onblur="this.focus();">

19.不要滚动条?  
让竖条没有:  <body style='overflow:-Scroll;overflow-y:hidden'>  </body>  
让横条没有: <body style='overflow:-Scroll;overflow-x:hidden'>  </body>  
两个都去掉:<body scroll="no"> </body> 

20.怎样去掉图片链接点击后,图片周围的虚线? 
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

21.电子邮件处理提交表单 
<form name="form1" method="post" action="mailto***@***.com" enctype="text/plain">  
<input type=submit> 
</form>

22.在打开的子窗口刷新父窗口的代码里如何写? 
window.opener.location.reload()

23.如何设定打开页面的大小 
<body onload="top.resizeTo(300,200);"> 
打开页面的位置<body onload="top.moveBy(300,200);">

24.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动  
<style>  
body  
{background-image:url(logo.gif); background-repeat:no-repeat;  
background-position:center;background-attachment: fixed}  
</style> 

25.获得一个窗口的大小 
document.body.clientWidth; document.body.clientHeigh

26. TEXTAREA自适应文字行数的多少 
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> </textarea>

27.ENTER键可以让光标移到下一个输入框 
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

28.在规定时间内跳转 
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

29. 网页是否被检索 
<meta name="ROBOTS" content="属性值"> 
其中属性值有以下一些: 
属性值为"all": 文件将被检索,且页上链接可被查询; 
属性值为"none": 文件不被检索,而且不查询页上的链接; 
属性值为"index": 文件将被检索; 
属性值为"follow": 查询页上的链接; 
属性值为"noindex": 文件不检索,但可被查询链接; 
属性值为"nofollow": 文件不被检索,但可查询页上的链接。

30.变换网页的鼠标光标 ,IE光标,收藏夹图标
<body style="cursor: url(http://203.73.125.205/~liangmi2/farmfrog01.cur')">
<link rel="shortcut icon" href="favicon.ico"> ie地址栏前换成自己的图标
<link rel="bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

31.实现在任务栏显示小图标的效果? (要使用绝对地址) 
地址栏地址前显出小图标,添加到收藏夹后也在收藏栏中显示图标,这样很好的与其它站点有了区别。达到这个效果,先需做出这个图标文件,图像为16*16像素,不要超过16色。文件格式为ico,然后上传至你的网站。到文件的<head>和</head>之间<link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";>  如果访问者的浏览器是IE5.0,就不需加任何代码,只要将图标文件上传到网站的根目录下即可。

32. META标签里的代码是什么意思?  
<META>是放于<HEAD>与</HEAD>之间的标记.以下是我总结它在网页中最常见的几种。  
<meta name="Keywords" content="图片, 新闻, 音乐, 软件">  该网页的关键字,作用于搜索引擎的登录,事实上它在现在的网站中并没什么用。  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  设定这是 HTML 文件及其编码语系,简体中文网页使用charset=gb2312,繁体中文使用charset=big5,或者不设编码也可,纯英文网页建议使用 iso-8859-1。  <meta name="GENERATOR" content="Microsoft FrontPage 5.0">  这只表示该网页由什么编辑器写的。  <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">  这行较为实用,能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。

33.如何在网页中实现flash的全屏播放?  
只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100%即可,当然也可以在Flash导出HTML文件的设置中进行设置,方法是:打开File菜单;选Publish Settings弹出导出设置对话框;在HTML标签下的Dimensions选项,下拉后选中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。

34. marquee做的滚动字幕
align=# | top | middle| bottom //对齐方式)  
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移动的方式  
BGCOLOR=color//底色区域颜色  
DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向  
Loop=n //循环次数(默认是循环不止)  
Scrolldelay=milliseconds//延时  
height=# width=# //区域面积  
hspace=# vspace=# //空白区域  
scrollamount=# //移动的速度  
<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>

35. 自动显示主页最后更新日期.  
<script>  
document.write("最后更新日期:"+document.lastModified+""  
</script> 

36. 如何让滚动条出现在左边?  
<html dir="rtl">  
<body bgcolor="#000000" text="#FFFFFF">  
<table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1"  cellpadding="0">  
<tr>  
<td bgcolor="#FF0000" >是不是你的滚动条在左边啊</td>  
</tr>  
</table> 

37. 关于<!DOTYPE>的说明解释 
〈!DOCTYPE HTML PUBLIC'-//W3C//DTD HTML 4.01//EN'>是声明HTML文件的版本信息。

38. 禁止鼠标右键查看网页源代码  
<SCRIPT language=javascript>  
function click()  
{if (event.button==2) {alert('你好,欢迎光临!') }}  
document.onmousedown=click  
</SCRIPT> 
鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。  
< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> 

39,按钮查看网页源代码 
<input type="BUTTON" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href' name="BUTTON">

40. <IFRAME>给网页中插入网页
只有在浏览器不支援 iframe 标记时才会显示,如<noframes>一样,可以放些提醒字句之类的话。<iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe> 
src="iframe.html"网页来源,必要加上相对或绝对路径。  
name="test"这是连结标记的 target 参数所需要的。  
align="center"可选值为 left, right, top, middle, bottom,
width="300" height="100"框窗的宽及长,以 pixels 为单位。  
marginwidth="1" marginheight="1"该插入的文件与框边所保留的空间。  
frameborder="1"使用 1 表示显示边框, 0 则不显示。(可以是 yes 或 no)  
scrolling="Yes"使用 Yes 表示容许卷动(内定), No 则不容许卷动。

42 .加入收藏的链接,设为首页,加入频道
<onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.zzist.net/gbz/');return false;"> 
<a href="#" onClick="window.external.AddFavorite('链接','收藏夹内显示文字');return false"><img src="图片源" height="20" border="0"></a>
<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a>

43.透明flash的插入方法和实例
<table border='0'  cellspacing='0' cellpadding='0' align='center'>
     <tr> <td class=top background=背景图片
             <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100%" height="100%">
             <PARAM NAME="movie" VALUE="flash地址">
             <PARAM NAME="quality" VALUE="high">
             <PARAM NAME="wmode" VALUE="transparent">
</object>
       </td> </tr>
  </table> 

43.点击关闭窗口,打印,打印预览
<a href='javascript:window.close()'><font color="#FF6633"><strong>点击关闭窗口</strong></font></a>
<a href="/" onclick="javascript:window.close(); return false;">关闭窗口</a>
【<A href="javascript:window.print()">打印此文</A>】【<A href="javascript:window.close();">关闭窗口</A>】
打印预览:
<script language="JavaScript" type="text/javascript">
    function printPreview() {
        var e = event.srcElement;
        e.style.visibility = "hidden";
        WebBrowser1.ExecWB(7, 1);
        e.style.visibility = "visible";
    }   
</script>

<object id="WebBrowser1" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
<a href="#" onclick="printPreview()">打印预览</a> Hell World

44. 点击打开固定大小的窗口
<a onClick="window.open('modifyxing.asp?action=modify&id=<%=rs("id")%>','','status=no,scrollbars=no,top=200,left=200,width=580,height=400')"><%=trim(rs("xname"))%></a>

45. 隐藏状态栏里出现的LINK信息 
<a href="http://"; onMouseOver="window.status='none';return true">梦想天空</a>

46.进入主页后自动最大话
<script> 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
</script>

47.进入主页以后自动播放声音 
<embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true>

48.状态栏动态显示现在时间
<script> 
function see(){ 
window.setTimeout("see()",1000); 
today = new Date(); 
self.status = today.toString(); 
}</script> 
<body onload=see()>

49.按下F12键返回首页 
<script>function look(){ 
if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/} 

if(document.onkeydown==null) 
{document.onkeydown=look} 
</script>

50. 后退,刷新,前进
 <input type=button value=后退 onclick=history.go(-1)> 
<input type=button value=刷新 onclick=history.go(-0)> 
<input type=button value=前进 onclick=history.go(+1)>

51.我的电脑,网上邻居,我的文档,回收站,控制面板,拨号网络访问
<a href="http://www.cnblogs.com/xlovey/admin/file:///::%7B208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a>
<a href="http://www.cnblogs.com/xlovey/admin/file:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D}" target="_blank">我的电脑</a>
<a href="http://www.cnblogs.com/xlovey/admin/file:///::%7B450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a>
<a href="http://www.cnblogs.com/xlovey/admin/file:///::%7B645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a>
<ahref="http://www.cnblogs.com/xlovey/admin/file:///::%7B20D04FE0-3AEA-1069-A2D8-08002B30309D%7D/::%7B21EC2020-3AEA-1069-A2DD-08002B30309D}" target="_blank">控制面板</a>
<a href="http://www.cnblogs.com/xlovey/admin/file:///::%7B7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows 2000)

52. 插入歌曲
<object classid='clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6' id=smx width=220 height=70>
<param name=url value="music/music1.wma">
<param name=autostart value=true>
<param name=playcount value=100>
<param name=volume value=100>
</object>

53. 当鼠标到上面改变属性
<td align="left" width="50%" onMouseOut="bgColor='#F1F9EF'" onMouseOver="bgColor='#FFffff'">5555</td>

54.网页在线视频播放代码
1.avi格式 
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="http://www.jianzhan8.cn/sample.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="http://www.jianzhan8.cn/sample.avi" src="sample.avi">
</embed> 
</object>
2.mpg格式 
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="http://www.jianzhan8.cn/sample.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>
3.rm格式 
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352> <param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false"> </OBJECT> 
4.wmv格式 
<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">
<!-- ASX File Name -->
<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">
<!-- Display Controls -->
<param name="ShowControls" value="1">
<!-- Display Position Controls -->
<param name="ShowPositionControls" value="0">
<!-- Display Audio Controls -->
<param name="ShowAudioControls" value="1">
<!-- Display Tracker Controls -->
<param name="ShowTracker" value="0">
<!-- Show Display -->
<param name="ShowDisplay" value="0">
<!-- Display Status Bar -->
<param name="ShowStatusBar" value="0">
<!-- Diplay Go To Bar -->
<param name="ShowGotoBar" value="0">
<!-- Display Controls -->
<param name="ShowCaptioning" value="0">
<!-- Player Autostart -->
<param name="AutoStart" value=1>
<!-- Animation at Start -->
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!-- Transparent at Start -->
<param name="TransparentAtStart" value="0">
<!-- Do not allow a change in display size -->
<param name="AllowChangeDisplaySize" value="0">
<!-- Do not allow scanning -->
<param name="AllowScan" value="0">
<!-- Do not show contect menu on right mouse click -->
<param name="EnableContextMenu" value="0">
<!-- Do not allow playback toggling on mouse click -->
<param name="ClickToPlay" value="0">
</object>
5:最简单的播放代码 
<embed src="http://www.jianzhan8.cn/sample.wmv" autostart="true" loop="true" width="200" height="150" > 
把这个网址http://www.jianzhan8.cn/sample.wmv换成你要看的电影就行了.

6:有图像的rm格式 
<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>
<param name=_ExtentX value=5503>
<param name=_ExtentY value=1588>
<param name=AUTOSTART value=-1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
                     <asp:Literal id="LitRedioUrl" runat="server"></asp:Literal>
<param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel>
<param name=CONSOLE value=RAPLAYER>
<param name=LOOP value=0>
<param name=NUMLOOP value=0>
<param name=CENTER value=0>
<param name=MAINTAINASPECT value=0>
<param name=BACKGROUNDCOLOR value=#000000>
</OBJECT>
LitRedioUrl.Text = "<PARAM NAME='SRC' VALUE='" + sdr["url"].ToString() + "'>";
7:无图像的rm格式:(如相声,歌曲...) 
<object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>
<param name=_ExtentX value=9657>
<param name=_ExtentY value=847>
<param name=AUTOSTART value=-1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
<param name=SRC value=http://www.jianzhan8.cn/sample.rm>
<param name=CONTROLS value=StatusBar,controlpanel>
<param name=CONSOLE value=Clip1>
<param name=LOOP value=0>
<param name=NUMLOOP value=0>
<param name=CENTER value=0>
<param name=MAINTAINASPECT value=0>
<param name=BACKGROUNDCOLOR value=#000000>
</object>
8:最简单的media格式的播放器 
<embed src=mms://www.jianzhan8.cn/sample.wmv width=200 height=200 autostart=true loop=true></embed>

55.改变单元格的背景着色
<tr onMouseOut="bgColor='#F1F9EF'" onMouseOver="bgColor='#FFffff'">

56.关闭页面不用提示的方法      
Response.Write("<script>window.opener=null;window.close();</script>")  ;

57.改变鼠标的样式
<body  topmargin="0" style='cursor:url(rose.cur )'>  rose.cur 图片名称

58.设为首页,加为收藏,联系我们
加入收藏:
<title>兼容 IE6、IE7、FF 的“加入收藏”</title>
<script type="text/javascript" language="javascript">
<!--
function AddFavorite(sURL, sTitle)
{
    try
    {
        window.external.addFavorite(sURL, sTitle);
    }
    catch (e)
    {
        try
        {
            window.sidebar.addPanel(sTitle, sURL, "");
        }
        catch (e)
        {
            alert("加入收藏失败,有劳您手动添加。");
        }
    }
}
-->
</script>
<p><a href="#" onclick="javascript:AddFavorite('http://www.cftea.com/', '千一网络 - 网页技术 永无止境');return false">加入收藏</a></p>


<a target=_top href=javascript:window.external.AddFavorite('http://www.2dai.com','中国剑盟社区')>加入收藏</a>
<a href=# onClick="this.style.behavior='url(#default#homepage)'this.setHomePage('www.2dai.com);">设为首页</a>

onClick="window.external.AddFavorite('http://www.zzist.net/gbz/', '郑州科技职业学院校园广播站')"
onClick="this.style.behavior='url(#default#homepage)';this.sethomepage('http://www.zzist.net/gbz/');return false;"

鼠标指向时提示设为首页
<A href=http://www.2dai.com onmouseover="this.style.behavior='url(#default#homepage)'this.setHomePage(http://www.2dai.com'/);" target="_blank">设为首页</A>
打开页面时自动弹出窗口询问是否设为首页
将以下代码放在<head></head>之间:
<script language="javascript">
function myhomepage(){
this.homepage.style.behavior='url(#default#homepage)'this.homepage.sethomepage('http://www.2dai.com');
}
</script>
<p align="center"><a href="http:netbei.com" name="homepage" 
onclick="myhomepage();"></a>
再将下面代码加入<body>内:
onload="myhomepage();"
即:<body onload="myhomepage();"> 
离开时自动提示设为首页
<body onunload="BASEBody.style.behavior='url(#default#homepage)'if(!(BASEBody.isHomePage('http://www.2dai.com')))BASEBody.setHomePage('http://www.2dai.com/');">
联系我们:如mailto:sthsyan@21cn.com

59.使用Enter键代替Tab键的功能
<form id="Form1" method="post" runat="server">
   <a>使用Enter键代替Tab键的功能</a>
   <asp:textbox id="TextBox1" runat="server" style="LEFT: 8px; POSITION: absolute; TOP: 48px"></asp:textbox>
   <asp:textbox id="TextBox2" runat="server" style="LEFT: 176px; POSITION: absolute; TOP: 48px"></asp:textbox>
   <asp:textbox id="TextBox3" runat="server" style="LEFT: 344px; POSITION: absolute; TOP: 48px"></asp:textbox>
  </form>
  <script language="javascript">
function  keyDown()
{
var  keycode=event.keyCode;
var  keyChar=String.fromCharCode(keycode);
if(keycode==13)
event.keyCode=9;
};
document.onkeydown=keyDown;

  </script>
 </body>

60.使用图片提交表单
<a href="javascript:document.form1.onsubmit()"><img></a>

61.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
0 矩形缩小 
1 矩形扩大 
2 圆形缩小
3 圆形扩大 
4 下到上刷新 
5 上到下刷新
6 左到右刷新 
7 右到左刷新 
8 竖百叶窗
9 横百叶窗 
10 错位横百叶窗 
11 错位竖百叶窗
12 点扩散 
13 左右到中间刷新 
14 中间到左右刷新
15 中间到上下
16 上下到中间 
17 右下到左上
18 右上到左下 
19 左上到右下 
20 左下到右上
21 横条 
22 竖条 
23 以上22种随机选择一种

62.在规定时间内跳转,网页是否被检索,自动刷新
<meta http-equiv=v="refresh" content="5;url=http://www.williamlong.info"> 
<meta name="ROBOTS" content="属性值">
其中属性值有以下一些:
属性值为"all": 文件将被检索,且页上链接可被查询;
属性值为"none": 文件不被检索,而且不查询页上的链接;
属性值为"index": 文件将被检索;
属性值为"follow": 查询页上的链接;
属性值为"noindex": 文件不检索,但可被查询链接;
属性值为"nofollow": 文件不被检索,但可查询页上的链接。
页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">

63.屏蔽IE6.0 图片上自动出现的保存图标
方法一:<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
方法二:<img galleryimg="no">

64.切换背景图片
<table background="images/0.jpg" width="972px" height="48px">
<tr><td><img src="images/1.jpg" onmouseover="src='images/1副本.jpg'"  onmouseout="src='images/1.jpg'"  style="margin-left:20px"/></td></tr>
</table>

  <tr>
    <td height="30" id="tic5" onmousemove="this.background='images/tic_title_bg.jpg'" onmouseout="this.background=''">在线调查</td>
  </tr>

JQ:放到代码下面
<script type="text/javascript">
jQuery("#tic<%=Cint(request.QueryString("flag"))%>").css({ "background-image": "url('images/tic_title_bg.jpg')" });
</script>

65.静态页调试包含外部文件
<!--head-->
<span id="HH_head"></span>
<IE:Download ID="HH_head1" STYLE="behavior:url(#default#download)" />
<script>function HH_head2(downDate){HH_head.innerHTML=downDate}HH_head1.startDownload('head.html',HH_head2)</script>
<!--end head--><!--head-->
<span id="HH_head"></span>
<IE:Download ID="HH_head1" STYLE="behavior:url(#default#download)" />
<script>function HH_head2(downDate){HH_head.innerHTML=downDate}HH_head1.startDownload('head.html',HH_head2)</script>
<!--end head-->

.shtml中可以使用包含
<!--#include file="info.htm"-->

分享到:
评论

相关推荐

    网页常用特效整理网页常用特效整理.docx

    网页特效是提升用户体验和...这些特效是网页设计师和开发者常用的一些技巧,它们能够提升网页的交互性和实用性。然而,在实际应用中,应考虑到不同浏览器的兼容性,以及用户体验,避免过度使用可能干扰用户浏览的特效。

    网页设计中常用的CSS命名规则整理

    ### 网页设计中常用的CSS命名规则整理 在网页设计与开发过程中,合理的CSS命名规则不仅能够提高代码的可读性和可维护性,还能帮助团队成员更好地协作。本文将根据给定文件中的内容,详细介绍网页设计中常用的CSS...

    HTML知识整理、网页制作基础教程 CHM.rar

    基础知识和制作技术  了解最基本的网页基础知识——HTML非常重要,同时也需要学习一些制作技术,有时候一个小小技巧也可以让你事半功倍。  详细了解Anchor标记 ... ... 快速精通FRAME(下) ... 网页设计配色精彩十例

    40种网页常用小技巧

    根据给定的信息,我们可以整理出一系列与网页制作相关的实用技巧。以下是对这些技巧的详细解释: ### 1. 防止右键菜单出现 **技巧:** 使用 `ncontextmenu="window.event.returnValue=false"` 来阻止用户在网页上...

    总结网页代码常用小技巧,网页制作必学

    根据给定的信息,我们可以整理出以下关于网页代码的常用小技巧及知识点: ### 网页布局中的滚动条控制 1. **禁止整个页面水平滚动**: - 使用`&lt;body style="overflow-x:hidden"&gt;`可以禁止页面在水平方向上的滚动...

    javascript常用网页效果整理集合 js效果源码集合

    2. **图片处理特效**:图片是网页设计中的重要元素,JavaScript能实现动态加载、图片预览、缩放、旋转、滤镜等效果。例如,图片懒加载技术可以在用户滚动到图片时才加载,提高页面加载速度;图片裁剪功能则允许用户...

    网页制作基础教程

    网页设计的布局理念 平面文字的设计原则及组合 网页配色之黄金分割法 &lt;br&gt; 网页设计中“面”的视觉构成 网页设计中“线”的视觉构成 网页设计中“点”的视觉构成 网页制作之...

    30个网页常用特效打包

    本资源“30个网页常用特效打包”提供了一整套精心整理的网页FLASH特效,旨在帮助网页设计师快速创建出吸引眼球、交互性强的网页元素。这些特效涵盖了从简单的过渡动画到复杂的用户交互效果,为网页增添生动性与趣味...

    网页常用上传软件LeapFTP

    LeapFTP是一款备受赞誉的FTP客户端软件,广泛应用于网页制作、网站维护以及文件传输等领域。作为三大网页常用上传软件之一,它以其强大的功能、友好的用户界面和高度的稳定性赢得了用户的青睐。在本文中,我们将深入...

    网页设计配色基础--课程整理

    本课程整理了关于网页设计配色的基础知识,包括色彩理论、常用配色原则以及各种色系在实际网页设计中的应用。 首先,我们要理解色彩的基础知识。色彩由三个主要属性构成:色相、饱和度和明度。色相是指颜色的基本...

    转载40种转载40种网页常用小技巧(javascript)--备不时之需(javascript)--备不时之需

    根据提供的标题、描述、标签及部分内容,我们可以整理出一系列与网页设计及JavaScript相关的实用技巧,以下是对这些技巧的详细介绍: ### 1. 屏蔽鼠标右键 ```javascript oncontextmenu="window.event.returnValue=...

    Dreamweaver制作网页经典问题大整理

    标题和描述均提到了“Dreamweaver制作网页经典问题大整理”,这暗示着文档将深入探讨Dreamweaver软件在网页设计过程中常见的问题及其解决方案。以下是对文档中提及的几个关键知识点的详细说明: ### 1. 在...

    网页设计实验报告

    实验内容包括四个主要部分:搜集和整理素材、网页布局、网页制作和美化、以及网页测试。在素材的处理中,实验者提到了使用Photoshop工具对图片进行编辑,以适应网页需求。对于小图片,若作为背景可能会造成视觉混乱...

    2021网页制作心得.docx

    网页制作心得分享 网页制作是当今互联网时代一项重要的技能,它不仅关乎技术,更是艺术与实用性的结合。网页是互联网的基石,它们提供信息、服务和互动,为我们的日常生活带来了便利。网页制作涉及多种工具和技术,...

    网页特效整理

    网页特效在IT行业中是网页设计和...总之,"网页特效整理"是一个广泛的领域,涵盖了网页设计中的众多视觉技巧和互动元素。通过理解和运用这些特效,开发者能够创造出更加吸引人且功能丰富的网页,提升用户的在线体验。

    DIV+CSS布局技巧整理集合

    ### DIV+CSS布局技巧整理集合 #### 命名规范 在进行网页设计时,合理的命名不仅能够提高代码的可读性,还能帮助其他开发者更好地理解网页结构。以下是一些常用的命名规范: - **页头**:`header` - **登录条**:`...

    《网页设计与制作》综合实训手册.doc

    - 库项目:创建常用元素的库项目,提高制作网页的效率。 6. **创建网站**: - 定义本地站点是网页设计的起点,它能帮助管理所有文件,保持链接正确,并在文件更改时自动更新。 以上内容是网页设计与制作的基本...

Global site tag (gtag.js) - Google Analytics