背景: #EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读新闻

网页制作特效代码大全(一)

[日期:2005-08-11] 来源:  作者: [字体: ]

 本站免费给各们网友提供网页代码,如有需要,只需从本网页上复制下来即可。由于代码转自本人的代码大全软件,有很多都没试过。如有错误的地方请指正。谢谢。

1、网页类特效:

  单击按钮出现信息框

<html>
<form>
<input type="button" value="按我" onClick="alert('这是一个警告窗!'); return true">


</form>
</html>

  单击查看源文件

<Html>
<FORM>
<INPUT TYPE="BUTTON" VALUE="查看本页源代码" onClick= 'window.location = "view-source:" + window.location.href'>
</form>
</html>

  单击将本站加入收藏夹

<script language="JavaScript">
function bookmarkit(){window.external.addFavorite('http://lovehy.126.com/','水晶情缘')}//改为你自己的网址和站名
if (document.all)document.write('<a href="http://lovehy.126.com" onClick="bookmarkit()">将本站加入收藏夹</a>')
</script>

  单选调查样式

<html>
<form>
<div align="center"><center><p>本站很好: <input TYPE="radio" NAME="radio" value="谢谢您的鼓励和支持!" onClick="alert(value)"><br>
本站一般: <input TYPE="radio" NAME="radio" value="我会不断努力的!" onClick="alert(value)"><br>
本站太差: <input TYPE="radio" NAME="radio" value="具体的意见建议请Email给我,谢谢!" onClick="alert(value)"><br>
</p>
</center></div>
</form></html

  点击按钮保存当前页面

<html>
<input type="button" name="Button" value="点这保存这页面" onClick="document.all.WebBrowser.ExecWB(4,1)">
<object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
</html>

  点击按钮查看网页属性

<html>
<input type="button" name="Button" value="点击查看页面属性" onClick="document.all.WebBrowser.ExecWB(10,1) ">
<object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
</html>

  点击按钮打印当前页面

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>不在忘记'
+ '<input type=button name=print value="打印" '
+ 'onClick="javascript:window.print()">本页!</form>');
}
// End -->
</script>

  点击清除表单默认值

<html>
<form action="submit.asp" method="post" >
<input type="text" onFocus="this.value=''" value="Email address here">
<input type="submit" name="Submit" value="Submit">
</form>
</html>

  点击全选所有复选框

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
//  End -->
</script>
<form name=myform action="" method=post>
<table width="133">
<tr><td width="125">
<b>软件系数调查:<br>
</b>&nbsp;<br>
<input type=checkbox name=list value="1">软件的界面<br>
<input type=checkbox name=list value="2">特效很多<br>
<input type=checkbox name=list value="3">分类详细<br>
<input type=checkbox name=list value="4">完全免费<br>
<input type=checkbox name=list value="5">特效很实用<br>
<input type=checkbox name=list value="6">更新速度快<br>
<br>                                                   
<input type=button value=" 全部选定 " onClick="this.value="/check(this.form.list)"">
</td></tr>
</table>
</form>

  调用他人的网页

<html>
<object type="text/x-scriptlet" width="600"  height="1000" data="../index.htm">
</object>
</html>

  定时转跳到其它的页面

<html>
<meta http-equiv="refresh" content="3;url=../index.htm">
</html>

  多个选择的搜索引擎

<form action="http://www2.yeah.net/cgi-bin/gosearch/search.cgi" name="searchform">
  <div align="center"><center><table border="0">
    <tr align="center" vAlign="center">
      <td><select class="p9" name="site" size="1">
        <option selected value="---------------">*** 搜索引擎大全 ***</option>
        <option value="网易yeah搜索">网易yeah搜索</option>
        <option value="中文雅虎">中文雅虎</option>
        <option value="中文cseek">中文cseek</option>
        <option value="搜狐">搜狐</option>
        <option value="悠游中文搜索">悠游中文搜索</option>
        <option value="常青藤搜索">常青藤搜索</option>
        <option value="北极星">北极星</option>
        <option value="若比邻搜索">若比邻搜索</option>
        <option value="中经搜索">中经搜索</option>
        <option value="视讯中文搜索">视讯中文搜索</option>
        <option value="----------------">---------------------</option>
        <option value="哇塞中文网(B5)">哇塞中文网(Big5)</option>
        <option value="奇摩搜索">奇摩搜索(Big5)</option>
        <option value="蕃薯藤(B5)">蕃薯藤(Big5)</option>
        <option value="添达香港搜索器">添达香港搜索器(Big5)</option>
        <option value="盖世引擎">盖世引擎(Big5)</option>
        <option value="绿界探索引擎">绿界探索引擎(Big5)</option>
        <option value="Coo台湾索引">Coo台湾索引(Big5)</option>
        <option value="UFO搜索">UFO搜索(Big5)</option>
        <option value="怪兽搜索">怪兽搜索(Big5)</option>
        <option value="茉莉之窗搜索">茉莉之窗搜索(Big5)</option>
        <option value="八爪魚搜索机">八爪魚搜索机(Big5)</option>
        <option value="***英文搜索引擎***">---------------------</option>
        <option value="英文Yahoo">英文 Yahoo!</option>
        <option value="英文Locys">英文 Locys</option>
        <option value="英文Excite">英文 Excite</option>
        <option value="英文Infoseek">英文 Infoseek</option>
        <option value="Altavista中英文搜索">Altavista中英文搜索</option>
        <option value="dejanews">dejanews 讨论组搜索</option>

  防止网页被纳入框架

<!--你的页面会被别人的frame引用,含在别人的frame时,会自动弹出-->
<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
if (top.location !== self.location) {
top.location=self.location;
}
</SCRIPT>

  仿软件浮动按钮

<html>
<style type="text/css">
<!--

.text {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 }
a:hover {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #000000 ;text-decoration : none }
.normal {background-color:#ccccc; }
.over {background-color:#cccccc; border-top: 1px #ffffff solid;  border-left: 1px #ffffff solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid }
.down {background-color:#cccccc; border-top: 1px #999999 solid;  border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid }
.link {text-decoration: none; color:#000000; font-family: 宋体}
-->
</style>
</head>

<body bgcolor="#cccccc" text="#000000">
<table width="80" border="0" cellpadding="0" cellspacing="0" height="30">
  <tr>
    <td class=normal onmouseover='this.className="over"' onmousedown='this.className="down"' onmouseup='this.className="over"' onmouseout='this.className="normal"' >
      <div align="center" >
       <a style="cursor: default" href="../index.htm" target="_blank">测试按钮</a>
        </div>
    </td>
  </tr>
</table>
</html>

  记住访问者的来访次数

<script language="JavaScript">
<!--
var caution = false
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
                document.cookie = curCookie
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
                return null
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}
function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
                document.cookie = name + "=" +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
}
function fixDate(date) {
        var base = new Date(0)
        var skew = base.getTime()
        if (skew > 0)
                date.setTime(date.getTime() - skew)
}
var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
var visits = getCookie("counter")
if (!visits)
        visits = 1
else
        visits = parseInt(visits) + 1
setCookie("counter", visits, now)
document.write("欢迎您第 " + visits + " 次来到本站点")
// -->
</script>

  检测访问者的操作系统

<SCRIPT>
agent = navigator.userAgent;
if (agent.lastIndexOf("Win95"))
{
document.write(' Windows 95/98/ME');
}
else if (agent.lastIndexOf("Win16"))
{
document.write(' Windows 3.2');
}
else if (agent.lastIndexOf("Mac"))
{
document.write(' Macintosh');
}
else if (agent.lastIndexOf("Unix"))
{
document.write(' Unix');
}
else if (agent.lastIndexOf("Linux"))
{
document.write(' Linux');
}
</script>

  将站点设为浏览器主页

<a href=# onClick="this.style.behavior='url(#default#homepage)';this.setHomePage
('http://lovehy.126.com/');">将本站设为首页</a>

  进入页面弹出欢迎信息

<body onLoad= alert("您好,欢迎您访问本站!")>

  离开时告诉你停留时间

<!--请复制后直接粘贴到HTML源码中-->

<script language="JavaScript">
<!-- Begin
pageOpen = new Date();

function bye() {
pageClose = new Date();
minutes = (pageClose.getMinutes() - pageOpen.getMinutes());
seconds = (pageClose.getSeconds() - pageOpen.getSeconds());
time = (seconds + (minutes * 60));
if (time == 1) {
time = (time + "秒");
}
else {
time = (time + "秒");
}
alert('您在本页停留了' + time + '.谢谢!!');
}
// End -->
</script>
<body onUnload="bye()">

  离开页面时告别信息框

<body onUnload= alert("再见,欢迎您再次光临!")>

  认网页闪电一样的闪烁

<script LANGUAGE="JavaScript">
function blinkOn(){
theWin.document.bgColor = "000000"
nTimes++
JSCTimeOutID = window.setTimeout("blinkOff()",50);
}
function blinkOff(){
theWin.document.bgColor = "FFFFFF"
if (nTimes < 3)
JSCTimeOutID = window.setTimeout("blinkOn()",50);
else theWin.history.go(0)
}
function blinkit(aWin)
{
nTimes = 0
theWin = aWin
JSCTimeOutID = window.setTimeout("blinkOn()",50);
}
</script>

<!--拷贝下面的代码到你的html文件的<body>和</body>之间-->

<form>
<div align="center"><center><p><input TYPE="BUTTON" VALUE="闪烁" onClick="blinkit(self)">
</p>
</center></div>
</form>

  文本向上循环滚动

<table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0">
<tr>
<td>
<script language=javascript>

document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:lovehy.126.com>")

document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>偶 然</font></h2>")
document.write ("<p align='right'><a href='http://lovehy.126.com' target='_blank'><font color='#ffffff'>徐志摩</font></a> ")
document.write ("<p><font color='#ffffff'> ")
document.write ("<br>我是天空里的一片云,")
document.write ("<br>偶尔投影在你的波心—— ")
document.write ("<br>你不必讶异, ")
document.write ("<br>更无须欢喜—— ")
document.write ("<br>在转瞬间消灭了踪影。")
document.write ("<br>")
document.write ("<br>你我相逢在黑暗的海上,")
document.write ("<br>你有你的,我有我的,方向;")
document.write ("<br>你记得也好, ")
document.write ("<br>最好你忘掉, ")
document.write ("<br>在这交会时互放的光亮! ")
document.write ("</font>")

document.write ("</marquee> ")
</script>
</td>
</tr>
</table>

  文字从页面顶部掉下来

<p lovehy_126_com="dropWord" style="position: relative !important; left: 10000 !important" align="center"><font size="3" color="#ee00FF">很 好 玩 吧 ! 有 没 有 吓 一 跳 ?</font><font size="7" face="Arial" color="#FF0000"><b>YES!</b></font></p>

<SCRIPT language="JavaScript">
<!--
dynamicanimAttr = "lovehy_126_com"
animateElements = new Array()
currentElement = 0
speed = 0
stepsZoom = 8
stepsWord = 8
stepsFly = 12
stepsSpiral = 16
steps = stepsZoom
step = 0
outString = ""
function helpor_net()
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(!ie4)
{
if((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion.substring(0, 1)) >= 4))
{
for (index=document.layers.length-1; index >= 0; index--)
{
layer=document.layers[index]
if (layer.left==10000)
layer.left=0
}
}
return
}
for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
{
el = document.all[index]
animation = el.getAttribute(dynamicanimAttr, false)
if(null != animation)
{
if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
{
ih = el.innerHTML
outString = ""
i1 = 0
iend = ih.length
while(true)
{
i2 = startWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, false, "")
if(i2 == iend)
break
i1 = i2
i2 = endWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, true, animation)
if(i2 == iend)
break
i1 = i2
}
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(dynamicanimAttr, null)
}
if(animation == "zoomIn" || animation == "zoomOut")
{
ih = el.innerHTML
outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
outString += ih
outString += "</SPAN>"
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(dynamicanimAttr, null)
}
}
}
i = 0
for (index=document.body.sourceIndex; index < document.all.length; index++)
{
el = document.all[index]
animation = el.getAttribute(dynamicanimAttr, false)
if (null != animation)
{
if(animation == "flyLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = 0
}
else if(animation == "flyRight")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = 0
}
else if(animation == "flyTop" || animation == "dropWord")
{
el.style.posLeft = 0
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyBottom")
{
el.style.posLeft = 0
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation == "flyTopLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyTopRight" || animation == "flyTopRightWord")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyBottomLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation == "spiral")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "zoomIn")
{
el.style.posLeft = 10000
el.style.posTop = 0
}
else if(animation == "zoomOut")
{
el.style.posLeft = 10000
el.style.posTop = 0
}
else
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = 0
}
el.initLeft = el.style.posLeft
el.initTop = el.style.posTop
animateElements[i++] = el
}
}
window.setTimeout("animate();", speed)
}
function offsetLeft(el)
{
x = el.offsetLeft
for (e = el.offsetParent; e; e = e.offsetParent)
x += e.offsetLeft;
return x
}
function offsetTop(el)
{
y = el.offsetTop
for (e = el.offsetParent; e; e = e.offsetParent)
y += e.offsetTop;
return y
}
function startWord(ih, i)
{
for(tag = false; i < ih.length; i++)
{
c = ih.charAt(i)
if(c == '<')
tag = true
if(!tag)
return i
if(c == '>')
tag = false
}
return -1
}
function endWord(ih, i)
{
nonSpace = false
space = false
while(i < ih.length)
{
c = ih.charAt(i)
if(c != ' ')
nonSpace = true
if(nonSpace && c == ' ')
space = true
if(c == '<')
return i
if(space && c != ' ')
return i
i++
}
return -1
}
function outWord(ih, i1, i2, dyn, anim)
{
if(dyn)
outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">"
outString += ih.substring(i1, i2)
if(dyn)
outString += "</SPAN>"
}
function animate()
{
el = animateElements[currentElement]
animation = el.getAttribute(dynamicanimAttr, false)
step++
if(animation == "spiral")
{
steps = stepsSpiral
v = step/steps
rf = 1.0 - v
t = v * 2.0*Math.PI
rx = Math.max(Math.abs(el.initLeft), 200)
ry = Math.max(Math.abs(el.initTop), 200)
el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry)
}
else if(animation == "zoomIn")
{
steps = stepsZoom
el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
el.style.posLeft = 0
}
else if(animation == "zoomOut")
{
steps = stepsZoom
el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
el.style.posLeft = 0
}
else
{
steps = stepsFly
if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
steps = stepsWord
dl = el.initLeft / steps
dt = el.initTop / steps
el.style.posLeft = el.style.posLeft - dl
el.style.posTop = el.style.posTop - dt
}
if (step >= steps)
{
el.style.posLeft = 0
el.style.posTop = 0
currentElement++
step = 0
}
if(currentElement < animateElements.length)
window.setTimeout("animate();", speed)
}
helpor_net()
//-->
</SCRIPT>

阅读:
录入:admin

推荐 】 【 打印
上一篇:CSS巧用expression来区分只读文本框
下一篇:当鼠标经过时清除文本框默认值
相关新闻      
本文评论       全部评论
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款