网上偶然搜到网页制作java源代码
去掉超链接的下划线
有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码<head></head>之间,下划线就无影无踪啦!
注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!
代码:
<style TYPE="text/css">
<!--
重阳节老人节A:link{text-decoration:none}
A:visited{text-decoration:none}
气压
A:hover {color: #ff00ff;text-decoration:underline}
-->
</style>
 
自动刷新网页
HTML< head>与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
代码:
<meta http-equiv="refresh" content="300; url=target.html">
 
点击即可刷新本页
代码:
<a href="load()" target="_self">刷新</a>
点击即可返回到上一页面
代码:
<a href="javascript:history.back(-1)">返回上一页</a>
   
在打开有下面这段代码的页面时将会跳出一个468x60大小的小窗口。window.html”为跳出的小窗口里所要显示的网页。toolbarstatusmenubarscrollbars、设置小窗口的工具栏、状态栏、菜单栏及滚动条的有无,resizable设置是否可让浏览者改变小窗口大小,widthheight设置小窗口的宽度以及高度。(不过这样的小窗口一般是不受欢迎的哦!)
代码:
<script language="JavaScript">
window.open("window.html","k688_com","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60,left=200,top=50");
</script>
网页源代码保护   
如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话,不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时,出现的不是想要的快捷菜单而是一个警告窗口。\n\n”表示换行。
<script language="JavaScript">
function helpor()
{
if (event.button==2)alert(' 仅供浏览!谢谢!\n\n若有问题请与我联系! ')
}
</script>
   
然后把<body> 改为
<body onmousedown="jianliang_51_net()">
   
按钮
鼠标放到 按钮上 字体变立体效果
脚本说明:
把如下代码加入<body>区域中
<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>
<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 href="www.k688" target="_blank">立体按钮</a>
</div>
</td>
</tr>
</table>
鼠标放上去字体背景变换颜
代码:
脚本说明:
把如下代码加入<body>区域中
<style>
<!--
.initial2{font-weight:bold;background-color:lime}
//-->
</style>
<script>
<!--
function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&pe=="button")
event.srcElement.style.backgroundColor=color
}
function jumpto2(url){
window.location=url
}
//-->
</script>
<form onMouseover="change('yellow')" onMouseout="change('lime')">
<input type="button" value="Yahoo " class="initial2" onClick="jumpto2('yahoo')">
<input type="button" value="Sohu " class="initial2" onClick="jumpto2('Sohu')">
软件工程师就业前景</form>
鼠标放上去 按钮出现相应的说明文字封号
代码:
脚本说明:
把如下代码加入<body>区域中
<DIV id=overDiv ></DIV>
<SCRIPT language=JavaScript>
// 主背景(大区域)
// 通常使用明快的颜(浅黄等...
    if (typeof fcolor == 'undefined') { var fcolor = "ffffff";}
   
// Border的颜和标题栏的颜;
// 通常的颜深(褐,黑等。)
    if (typeof backcolor == 'undefined') { var backcolor = "#CDCDCD";}
   
   
// 文字的颜
// 通常是比较深的颜;
    if (typeof textcolor == 'undefined') { var textcolor = "#999900";}
   
// 标题的颜
// 通常是明快的颜;
    if (typeof capcolor == 'undefined') { var capcolor = "#FFFFFF";}
   
// "Close"的颜
// 通常是明快的颜;
    if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}
   
   
// 弹出的窗口的宽度;
// 100-300 pixels 合适
    if (typeof width == 'undefined') { var width = "130";}
   
// 边缘的宽度,象素。
古文// 1-3 pixels 合适
    if (typeof border == 'undefined') { var border = "1";}
   
   
// 弹出窗口位于鼠标左侧或者右侧的距离,象素。
// 3-12合适
    if (typeof offsetx == 'undefined') { var offsetx = 10;}
   
// 弹出窗口位于鼠标下方的距离;
// 3-12 合适
    if (typeof offsety == 'undefined') { var offsety = 10;}
   
////////////////////////////////////////////////////////////////////////////////////
// 设置结束
////////////////////////////////////////////////////////////////////////////////////
ns4 = (document.layers)? true:false
立冬要吃哪些食物ie4 = (document.all)? true:false
// Microsoft Stupidity Check.
if (ie4) {
    if (navigator.userAgent.indexOf('MSIE 5')>0) {
        ie5 = true;
    } else {
        ie5 = false; }
} else {
    ie5 = false;

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。