网普科技
网普管理员
网普科技人民公仆
积分 3080
发贴 2863
注册 2004-6-26
来自 网普科技
状态 离线
|
#1 [zt]网页常用代码集
简单的window.open方法
<a href="#" <I>onclick</I>="<I>javascript</I>:window.open('文件路径/文件名',
'listnote','toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=350,height=300');">文字或图片
</a>
图片随机替换
<script>
document.write('<img src="img/'+ parseInt(Math.random()*(5))
+'.gif"height="40" width="50">')
</script>
图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
设为首页
<a href="#" <I>onclick</I>="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://cu1985.126.com')" height="2">
加入收藏
<a href="<I>javascript</I>:window.external.
AddFavorite('http://www.wosay.net', 'wosay中文网')">
忽视右键
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
自动转页
<META HTTP-EQUIV="Refresh" CONTENT="时间(单位为秒);URL=地址">
加入背景音乐
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
</embed>
*.mid你的背景音乐的midi格式文件
网页自动刷新
在head部记入
<META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新，你可以更改为任意值。
拉动页面时背景图不动
<html><head>
<style>
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
</style>
</head>
让浏览器在保存页面时保存失败
<NOSCRIPT>
<iframe src="*.html">
</iframe>
</NOSCRIPT>
在网页中，图片和表格接触的地方如何不留空隙？
要使图片和表格接触的地方不留空隙，仅在表格属性面板上把外框线（border）设为0是不行的，不仅仅只是表格外框,还有两个设置，即在表格的属性面板上还要把单元格的两个属性设为0（cellspacing="0" cellpadding="0"）。
如何把自己放在主页上的zip或其他文件让浏览者下载（down）？
用Dreamweaver3其实很简单，把要让浏览者下载的文件名写上，然后拖动鼠标选取这段文字，在文本的属性面板上"Link"的属性输入框中写上文件名就行了。注意：若被下载的文件与该网页不在同一目录下，则文件名必须包含相对路径，否则到下载时将提示找不到文件。
点击连接打开本地"我的电脑"等
<a href="<I>file:</I>///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}" target="_blank">我的电脑</a>
<a href="<I>file:</I>///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a>
<a href="<I>file:</I>///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a>
<a href="<I>file:</I>///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}" target="_blank">网络和拨号连接</a>
<a href="<I>file:</I>///::{D20EA4E1-3957-11d2-A40B-0C5020524153}" target="_blank">管理工具</a>
<a href="<I>file:</I>///::{2227A280-3AEA-1069-A2DE-08002B30309D}" target="_blank">打印机</a>
<a href="<I>file:</I>///::{D6277990-4C6A-11CF-8D87-00AA0060F5BF}" target="_blank">计划任务</a>
<a href="<I>file:</I>///::{D20EA4E1-3957-11d2-A40B-0C5020524152}" target="_blank">字体</a>
简单的页面加密
<script LANGUAGE="<I>javascript</I>">
<!--
loopy()
function loopy()
{
var sWord =""
while (sWord != "login")
{
sWord = prompt("请输入你的登陆密码")
}
alert("登陆成功！")
}
//-->
</script>
网页自动关闭
<html>
<head>
<object
id=closes
type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout('closes.Click()',10000)">
这个窗口会在10秒过后自动关闭,而且不会出现提示.
</body>
保持layer在最前面，而不被Iframe、Object所覆盖
在Layer中再插Iframe 或 Object 设z-Index值
<div z-Index:2><object xxx></object> ＃ 前面
<div z-Index:1><object xxx></object> ＃ 后面
<div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"> height=100% width=100%>
</td>
</tr>
</table>
<iframe width=0 height=0>
</iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1">
<iframe height=100% width=100%>
</iframe>
</div>
改变滚动条颜色
<STYLE>
BODY {
scrollbar3dLightColor: #ff0000; /*滚动条亮边的颜色 scrollbarArrowColor: #ff0000; /*上下按钮上三角箭头的颜色 scrollbarBaseColor: #ff0000; /*滚动条的基本颜色 scrollbarDarkShadowColor: #ff0000; /*滚动条强阴影的颜色 scrollbarFaceColor: #ff0000; /*滚动条凸出部分的颜色 scrollbarHighlightColor: #ff0000; /*滚动条空白部分的颜色 scrollbarShadowColor: #ff0000; /*立体滚动条阴影的颜色 scrollbarTrackColor: #ff0000 /*滚动条的背景颜色
}
</STYLE>
说明：
1、必须是ie5.5+
2、当页面内容超出屏幕出现移动条时，设置的箭头颜色才有效
3、母页的设置对iframe窗口的滚动条颜色无效，但是对textarea文本筐的滚动条有效
如何实现定义的超级链接文字颜色？
许多文章和教程都介绍过文字超级链接的颜色（包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等）可以用层叠样式表（CSS）定义，但真正在网页中要实现颜色按自己的意愿变化还确实不容易。下面把一些注意事项告诉你，你就能随心所欲地设置文字链接的颜色了。
1）超级链接的默认颜色是：未被访问的超级链接是蓝色、被访问过的超级链接是紫色；
2）要想使CSS定义的颜色起作用，在超级链接的文本的颜色属性中什么都不要填；
3）若你已定义了文本的颜色，发现CSS中定义的超级链接颜色不起作用，你可以取消文本的颜色定义，或取消超级链接再重新定义一次，CSS定义的颜色就起作用了；
4）超级链接上各种状态下文本颜色的关系：一旦定义了被访问过的链接的颜色（A: visited），则当链接被访问过后，该链接的颜色不再改变，即定义鼠标在超级链接上的颜色（a: hover）将不起作用了。若不定义被访问过的链接的颜色（A: visited），则当鼠标在超级链接上显示a: hover 中定义的颜色，当鼠标移开时显示a 中定义的颜色。
从上述可以看出，文本链接的颜色实际上只能在两种颜色之间变换，并没有象有些文章中讲的那样可以在多种颜色之间变换，但由于用那两种颜色可以任意，所以应该讲颜色的选择范围还是比较大的。
有些网页的链接，原先没有下划线，你把鼠标指向链接处，才会出现下划线，鼠标移掉下划线就又没有了。如何实现这种效果呢？
可用层叠样式表（CSS）来实现的，在Dreamweaver3中编辑层叠样式表不用编写代码，具体操作方法如下：
1）在快速启动栏中点击层叠样式表按钮（就是把鼠标放上去显示"show css styles"的那个按钮），在弹出的CSS Styles面板上双击（none）；
2）此时，可看到弹出的Edit Style Sheet 面板，在该面板上按New按钮；
3）再在弹出的New Style 面板上点取Redefine HTML Tag（重新定义HTML标记）再在Tag中选择"a"（超级链接标记）标记后按OK按钮；
4）这时可看到弹出的Style dehinition for a 的对话框，在此对话框中可以设置超级链接的许多属性，你可以按你的意愿设置，但我们这里主要是要去掉那讨厌的下划线，所以我们在decoration 属性中选择"none"，这样就把下划线去掉了；然后我们再选择颜色为：#339966。按ＯＫ按钮返回到Edit Style Sheet 面板；
5）在Edit Style Sheet 面板上再按New按钮；
6）在弹出的New Style 面板上点取Use CSS Selector ，再在该面板上的selector选择框中选择"a:hover"（定义当鼠标在超级链接上时链接的属性），按ＯＫ按钮；
7）在弹出的Style dehinition for a:hover 的对话框中，我们在decoration 属性中选择"underline"，这样就把下划线又加上了；然后我们再选择颜色为：#FF3300。按ＯＫ按钮返回到Edit Style Sheet 面板；
8）在Edit Style Sheet 面板上再按Don按钮，至此所有设置结束，你在Dreamweaver3的源代码检视窗中将看到在<head>与</head>之间如下所示的代码：
<style type="text/css">
<!--
a { color: #339966; text-decoration: none}
a:hover { color: #FF3300; text-decoration: underline}
-->
</style>
有了这段代码，你在该网页上的所有文字链接在浏览器中显示时没有下划线，当你把鼠标指向链接处，才会出现下划线，鼠标移掉下划线就又没有了。若你想在其它网页中也具有这种效果，你可以用上述方法设置或更简单点，直接把这段代码复制，粘贴到<head>与</head>之间即可。注意：若不是在a 中定义除去下划线而是在a: link中定义除去下划线，在实际使用时不能除去下划线，我是在IE4.0环境下测试的。
|
天理路上甚宽，稍游心，胸中便觉广大宏朗；
人欲路上甚窄，才寄迹，眼前俱是荆棘泥涂。
网普科技，优质美国主机服务！
美国Linux主机，美国虚拟主机
支持PHP+MYSQL+cPanel+EMAIL
为用户负责，拒绝反动、赌博及色情内容！ QQ：126818
 发送QQ消息 |
|
