[网网秀]html代码七（网页小技巧） - 无边尘事皆忘却,只有雪花满树芳 ...企业库|免费b2b网站

[网网秀]html代码七（网页小技巧） - 无边尘事皆忘却,只有雪花满树芳 ...

[网网秀]html代码七（网页小技巧） [原创 2010-05-29 18:36:04] 删除...

七网页小技巧

7-1 点击即可把你的网站添加到浏览器的收藏菜单下

<span style="CURSOR: hand" onClick="window.external.addFavorite

('http://www.helpor.net','网页{tx}集锦')" title="网页{tx}集锦">收藏本站</span>

7-2点击即可把你的网站设置为浏览器的起始页

<span onclick="var

strHref=window.location.href;this.style.behavior='url

(#default#homepage)';this.setHomePage('http://www.helpor.net');"

style="CURSOR: hand">设为首页</span>

7-3超酷时钟代码

<!--TWINS 超酷时钟代码，可自己自由设置大小，有八种TWINS图片背景。将

Twins08.swf 的 8 改为 1至7就可以改变背景了-->

<p>

<embed

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?

P1_Prod_Version=ShockwaveFlash"

src="http://www.987654.com/Twins/Twins08.swf" width="150"

type="application/x-shockwave-flash" 150? quality="high"><p></p>

7-4 视频常用播放器[MTV]

console="Clip1" controls="ControlPanel,StatusBar" height="330"

width="450" autostart="true"> </embed>

7-5 邮箱快速登陆代码

<FORM name=loginmail onsubmit="return chkinput2(this);"

action=http://www.hao123.com/sendmail.php method=post target=_blank>

<TBODY>

<TR>

<TD style="FONT-SIZE: 12px" align=right width=96 height=30><font

color="#FF0000">邮箱快速登陆→</font></TD>

<TD style="FONT-SIZE: 12px" align=right width=44 height=30>帐号：

</TD>

<TD style="FONT-SIZE: 12px" width=107><INPUT style="BORDER-RIGHT:

#808080 1px dotted; PADDING-RIGHT: 0px; BORDER-TOP: #808080 1px

dotted; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-

LEFT: #808080 1px dotted; WIDTH: 105px; PADDING-TOP: 0px; BORDER-

BOTTOM: #808080 1px dotted; HEIGHT: 20px" tabIndex=1 size=10

name=user> </TD>

<TD style="FONT-SIZE: 12px" width=117><INPUT style="BORDER-RIGHT:

#808080 1px dotted; PADDING-RIGHT: 1px; BORDER-TOP: #808080 1px

dotted; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; BORDER-

LEFT: #808080 1px dotted; WIDTH: 105px; PADDING-TOP: 1px; BORDER-

BOTTOM: #808080 1px dotted; HEIGHT: 18px" tabIndex=3 type=password

size=10 name=pass> </TD>

<TD style="FONT-SIZE: 12px" width=110><SELECT style="PADDING-RIGHT:

1px; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH:

107px; PADDING-TOP: 1px; HEIGHT: 17px" tabIndex=2 size=1 name=site>

<OPTION selected>请选择信箱</OPTION> <OPTION

value=163.com>@163.com</OPTION> <OPTION value=eyou.com>@eyou.com亿邮

</OPTION> <OPTION value=163.net>@163.net</OPTION> <OPTION

value=tom.com>@tom.com</OPTION> <OPTION

value=21cn.com>@21cn.com</OPTION> <OPTION

value=vip.163.com>@vip.163.com</OPTION> <OPTION

value=sohu.com>@sohu.com搜狐邮箱</OPTION> <OPTION

value=263.net>@263.net</OPTION> <OPTION

value=cn.yahoo.com>@yahoo.com.cn</OPTION> <OPTION

value=sina.com>@sina.com新浪</OPTION> <OPTION

value=vip.sina.com>@vip.sina.com新浪VIP</OPTION> <OPTION

value=mail.china.com>@mail.china.com</OPTION> <OPTION

value=china.com>@china.com</OPTION> <OPTION

value=netease.com>@netease.com</OPTION> <OPTION

value=yeah.net>@yeah.net</OPTION> <OPTION value=etang.com>@etang.com亿

唐</OPTION> <OPTION value=bliao.net>@bliao.net</OPTION> <OPTION

value=xinhuanet.com>@xinhuanet.com新华网</OPTION> <OPTION

value=126.com>@126.com网易</OPTION> <OPTION

value=email.com.cn>@email.com.cn</OPTION> <OPTION

value=ynmail.com>@ynmail.com云南</OPTION> <OPTION

value=citiz.net>@citiz.net上海热线</OPTION> <OPTION

value=elong.com>@elong.com e龙</OPTION></SELECT> </TD>

<TBODY>

<TD style="FONT-SIZE: 12px" width=56><INPUT style="BORDER-RIGHT:

#333333 1px solid; BORDER-TOP: #333333 1px solid; BORDER-LEFT: #333333

1px solid; WIDTH: 40px; BORDER-BOTTOM: #333333 1px solid; HEIGHT:

18px; BACKGROUND-COLOR: #ffe6ce" onClick="setTimeout('clearpass

()',1000)" tabIndex=4 type=submit value=登录 name=Submit2></TD>

<TD style="FONT-SIZE: 12px" width=65><A style="FONT-SIZE: 12px; COLOR:

#333333; TEXT-DECORATION: none" href="http://cn.mail.yahoo.com/?

id=64122&ads=1&p=&source=3721_union_ad" target=_blank>申请信箱</A>

</TD></TR></TBODY></TABLE></TD>

</TR>

</FORM><tr>

</TBODY></TABLE>

</DIV>

7-6 给文本输入框里加个小动画

<html>

<head>

<title>网页{tx}观止|JsCode.CN|---给文本输入框里加个小动画</title>

</head>

<body>

<p>

</body>

</html>

7-7.网页制作基本技巧

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"> 关闭输入法

7-8 新浪QQ等站天气预报代码调用大全

名称：265天气根据IP自动获得当地的天气情况
代码：<iframe src="" width="168" height="54" frameborder="no" border="0" marginwidth="0&quoat; marginheight="0" scrolling="no"></iframe>
效果：

说明：直接调用

名称：QQ天气预报代码（一）
代码：<iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="" allowTransparency="true"></iframe>
效果：

说明：这种适合于在网页的边栏插入。但一个缺点是，上面的4个城市是既定的，无法改成别的。插入时，选好网页上的位置，直接将左栏的源代码全部拷进去就行了

名称：QQ天气预报代码（二）
代码：<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss258.htm'></IFRAME>
效果：

说明：这种也适合于在网页的边栏插入。上面的城市可以自定，比如厦门可改成别的。定制的方法是修改我代码中标红的数字，从1开始代表“香港”开始，每个数字都代表一个城市，厦门是287，具体要哪个城市自己找一下罢。

名称：新浪天气预报代码
代码：<IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src=">
效果：

说明：这种适合于在网页的头栏插入。上面的城市可以自定，比如石家庄可改成别的。

名称：QQ天气预报代码（三）
代码：<iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="=厦门" allowTransparency="true"></iframe>
效果：

说明：这种适合于在网页的正栏插入。上面的城市可以自定，比如厦门可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单，直接用汉字改就行了。比如是福州的，你就直接把“厦门”改成福州就行。

名称：QQ天气预报代码（四）
代码：<iframe width=160 height=230 frameborder=0 scrolling=NO src=http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌></iframe>
效果：

说明：直接调用

名称：QQ天气预报代码（五）
代码：<iframe src="=南昌" frameborder="0" width="160" scrolling="no" height="230"></iframe>
效果：

说明：这种适合于在网页的边栏插入。上面的城市可以自定，比如南昌可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单，直接用汉字改就行了。比如是福州的，你就直接把“厦门”改成福州就行

7-9 表格依次滚动变换内容的效果

<html>

<head>

<title>网页{tx}|Linkweb.cn/Js|---表格依次滚动变换内容的效果</title>

</head>

<style>

td,p,div,body,font{font-family:"宋体";font-size:9pt}

</style>

<tr height=20 bgcolor=#006DAD valign=middle align=center><td colspan=3><font color=#ffffff>2002年04月供应商供货排行榜</font></td></tr>

<tr>

<td><font color=#f0f0f0>【<font color="#FF0000">材料</font>　设备　配件　煤炭　化工　三剂】供应商名称</font></td>

</tr><tr>

<td><font color=#f0f0f0>【材料　<font color="#FF0000">设备</font>　配件　煤炭　化工　三剂】供应商名称</font></td>

</tr>

<tr>

<td><font color=#f0f0f0>【材料　设备　<font color="#FF0000">配件</font>　煤炭　化工　三剂】供应商名称</font></td>

</tr><tr>

<td><font color=#f0f0f0>【材料　设备　配件　<font color="#FF0000">煤炭</font>　化工　三剂】供应商名称</font></td>

</tr><tr>

<td><font color=#f0f0f0>【材料　设备　配件　煤炭　<font color="#FF0000">化工</font>　三剂】供应商名称</font></td>

</tr><tr>

<td><font color=#f0f0f0>【材料　设备　配件　煤炭　化工　<font color="#FF0000">三剂</font>】供应商名称</font></td>

</tr></table></marquee></td><td width=150><font color=#f0f0f0>成交金额（万元）</font></td></tr>

<tr>

<td>投放量将达160万吨</td>

</tr>

<tr>

<td>mm石投放量将达160万吨</td>

</tr>

<tr>

<td>mm油田投放量将达160万吨司</td>

</tr>

<tr>

<td>mm投放量将达160万吨</td>

</tr>

<tr>

<td>mm油田投放量将达160责司</td>

</tr>

<tr>

<td>mm投放量将达160万吨</td>

</tr>

</table></marquee></td><td><marquee direction=up height=14 scrollamount=14 scrolldelay=2000 scrollleft=0 scrolltop=0><table border=0 cellspacing=0 cellpadding=0 class="A" align=right>

</table></marquee></td></tr>

<tr>

<td>mm钢铁投放量将达160万吨</td>

</tr>

<tr>

<td>mm投放量将达160万吨程机械厂</td>

</tr>

<tr>

<td>mm标投放量将达160万吨</td>

</tr>

<tr>

<td>mm投放量将达160万吨责任公司</td>

</tr>

<tr>

<td>mm油投放量将达160万吨司</td>

</tr>

<tr>

<td>mm炼投放量将达160万吨剂厂</td>

</tr>

</table></marquee></td><td><marquee direction=up height=14 scrollamount=14 scrolldelay=2000 scrollleft=0 scrolltop=0><table border=0 cellspacing=0 cellpadding=0 class="A" align=right>

</table></marquee></td></tr>

<tr>

<td>mm钢管公司</td>

</tr>

<tr>

<td>mm投放量将达160万吨械厂</td>

</tr>

<tr>

</tr>

<tr>

<td>投放量将达160万吨公司</td>

</tr>

<tr>

<td>濮阳投放量将达160万吨</td>

</tr>

<tr>

<td>投放量将达160万吨剂厂</td>

</tr>

</table></marquee></td><td><marquee direction=up height=14 scrollamount=14 scrolldelay=2000 scrollleft=0 scrolltop=0><table border=0 cellspacing=0 cellpadding=0 class="A" align=right>

</table></marquee></td></tr>

<tr>

<td>天投放量将达160万吨</td>

</tr>

<tr>

<td>东投放量将达160万吨司</td>

</tr>

<tr>

<td>上海东投放量将达160万吨</td>

</tr>

<tr>

<td>上投放量将达160万吨公司</td>

</tr>

<tr>

<td>三投放量将达160万吨公司</td>

</tr>

<tr>

<td>齐鲁投放量将达160万吨</td>

</tr>

</table></marquee></td><td><marquee direction=up height=14 scrollamount=14 scrolldelay=2000 scrollleft=0 scrolltop=0><table border=0 cellspacing=0 cellpadding=0 class="A" align=right>

</table></marquee></td></tr>

<tr>

<td>江苏曙投放量将达160万吨公司</td>

</tr>

<tr>

<td>东营投放量将达160万吨司</td>

</tr>

<tr>

<td>秦投放量将达160万吨探工具厂</td>

</tr>

<tr>

<td>投放量将达160万吨）运销公司</td>

</tr>

<tr>

<td>河投放量将达160万吨公司</td>

</tr>

<tr>

<td>上投放量将达160万吨司</td>

</tr>

</table></marquee></td><td><marquee direction=up height=14 scrollamount=14 scrolldelay=2000 scrollleft=0 scrolltop=0><table border=0 cellspacing=0 cellpadding=0 class="A" align=right>

</table></marquee></td></tr>

</table>

</body>

</html>

7-10各大搜索引擎网站综合搜索条

<html>

<head>

<title>网页{tx}|Linkweb.cn/Js|---各大搜索引擎网站综合搜索条</title>

</head>

<body>

<TBODY>

<TR>

<TD>

→综合搜索：

</span>

 </span><input type=button name=gg value=google onClick=window.open('http://www.google.com/search?hl=zh-CN&ie=GB2312&q='+form.query.value) '><span style="font-size: 9pt">

</span>

</span>

</span>

</span>

</span>

</span>

</span>

</font>　</b>

</tr>

</form>

</table>

</body>

</html>

7-11点击全屏

7-12表格效果叠角

<tr>

</tr>

<tr>

加入文字

</font>

</td></tr></table>

</th>

</tr>

<tr>

</tr>

</table><br><br></center>

.☆.・∴.・∵☆:*・∵.:*・☆.☆.。.:*,★ :*・∵.:☆.。.:*・:*・∵.☆:*・∵.゜

</font></td></tr>

用标点符号也好看啊：）</font>

</td></tr></table>

</th></tr>

.☆.・∴.・∵☆:*・∵.:*・☆.☆.。.:*,★ :*・∵.:☆.。.:*・:*・∵.☆:*・∵.゜

</font></td></tr>

</table>

7-13表格效果花边

.☆.・∴.・∵☆:*・∵.:*・☆.☆.。.:*,★ :*・∵.:☆.。.:*・:*・∵.☆:*・∵.゜

</font></td></tr>

用标点符号也好看啊：）</font>

</td></tr></table>

</th></tr>

.☆.・∴.・∵☆:*・∵.:*・☆.☆.。.:*,★ :*・∵.:☆.。.:*・:*・∵.☆:*・∵.゜

</font></td></tr>

</table>

7-14表格效果井字

<tr>

</tr>

<tr>

</tr>

<tr>

色彩自已调整

</font>

</td></tr></table>

</th>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</center>

7-15表格效果圆角

</td><td bgcolor="#ddeeff"></td><td>

</td></tr><tr><td bgcolor="#ddeeff">

</td><td bgcolor="#ddeeff">

<br>

水云间--网页技巧<br>

</font>

<br>

</td><td bgcolor="#ddeeff">

</td></tr><tr><td align="right">

</td><td bgcolor="#ddeeff"></td><td>

</td></tr></table>

</center>

7-16如何让网站内容不被复制

7-17如何在网页中加入EMAIL链接并显示预定的主题

◆代码：< a href="mailto:yourmail@xxx.xxx?Subject=你好">Send Mail< /a>

7-18如何制作电子邮件表单

◆在<form>中输入Action="youremail@XXX.XXX" ，提交采用POST方法。

7-19 如何让背景图象不滚动

◆代码：<BODY Background="bg.gif" Bgproperties="fixed" >

◆在Dreamweaver中用「Text」-「Custom style」-「Edit style Sheet」-「New」-Redefine HTML Tag中选择Body，然后在Background中的Attachment里选fixed

7-20 将网页加入收藏夹

◆请使用如下代码：（注意标点符号）

< a href='#' onclick="window.external.addFavorite('http://qiangwei.126.com','【梦想天空】qiangwei.126.com 各种网页工具教程DW、FLASH、FIREWORKS及CGI教学、聊天交友……')" target="_top">将本站加入收藏夹< /a>

7-21 如何定时载入另一个网页内容

◆在源代码中的<HEAD>…< /HEAD> 加入如下代码：

content="40;URL=http://qiangwei.126.com">

40秒后将自动载入http://qiangwei.126.com所在的网页

7-22 如何为网页设置背景音乐

◆代码：< EMBED src="music.mid" autostart="true" loop="2" width="80" height="30" >

src：音乐文件的路径及文件名；

autostart：true为音乐文件上传完后自动开始播放，默认为false（否）

loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次

volume：取值范围为"0-100"，设置音量，默认为系统本身的音量

starttime："分：秒"，设置歌曲开始播放的时间，如，starttime="00:10"，从第10开始播放

endtime： "分：秒"，设置歌曲结束播放的时间

width：控制面板的宽

height：控制面板的高

controls：控制面板的外观

controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"

console：正常大小的面板

smallconsole：较小的面板

playbutton：显示播放按钮

pausebutton：显示暂停按钮

stopbutton：显示停止按钮

volumelever：显示音量调节按钮

hidden：为true时可以隐藏面板

7-23.让IFRAME框架内的文档的背景透明

◆<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

7-24.禁止右键：

◆<body oncontextmenu="return false" ondragstart="return false"

onselectstart ="return false" onselect="document.selection.empty()"

oncopy="document.selection.empty()" onbeforecopy="return

false"onmouseup="document.selection.empty()">

7-25.进入页面后立即自动刷新？

◆

content="120;url=http://www.wodutom.com/cn083">

http://www.wodutom.com/cn083,这是你自己的网址。

7-26细线分隔线

郑重声明：资讯【[网网秀]html代码七（网页小技巧） - 无边尘事皆忘却,只有雪花满树芳 ...】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——