单行滚动展示信息

隔开的部分自行更改

<div style="overflow:hidden;height:22px;line-height:22px;font-size:14px" id="marqueebox0"> 
<!--line-height :文字行距--> 

<a href='http://g.cn' target='_blank'>g.cn</a><br> 
<a href='https://leebo.name' target='_blank'>BorLee</a><br> 

</div><script> 
<!-- 
function startmarquee(lh,speed,delay,index){ 
var t; 
var p=false; 
var o=document.getElementById("marqueebox"+index); 
o.innerHTML+=o.innerHTML; 
o.onmouseover=function(){p=true} 
o.onmouseout=function(){p=false} 
o.scrollTop = 0; 
function start(){ 
t=setInterval(scrolling,speed); 
if(!p) o.scrollTop += 2; 
} 
function scrolling(){ 
if(o.scrollTop%lh!=0){ 
o.scrollTop += 2; 
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0; 
}else{ 
clearInterval(t); 
setTimeout(start,delay); 
} 
} 
setTimeout(start,delay); 
} 
startmarquee(22,50,3000,0); 
/**startmarquee(一次滚动高度,速度,停留时间,图层标记);**/ 
//--> 
</script>

自定义网站鼠标右键菜单

<html><body>
<div id="contextmenu" style="border:1px solid #666666;background:#eeeeee;width:100px;padding:5px 5px;display:none;position:absolute"> 
<div>自定义菜单 1</div>
<div>自定义菜单 2</div>
<div>自定义菜单 3</div>
<div>自定义菜单 4</div>
<div>自定义菜单 5</div>
<div>自定义菜单 6</div>
</div> 
<script language="javascript">
document.onmousemove=function(ev){
 ev = ev || window.event;
 var mousePos = mouseCoords(ev);
 document.oncontextmenu=function(){
 document.getElementById("contextmenu").style.left = mousePos.x+10+document.body.scrollLeft;
 document.getElementById("contextmenu").style.top= mousePos.y+10+document.body.scrollTop;
 document.getElementById("contextmenu").style.display="inline";
 return false;
 }
}
function mouseCoords(ev){
 if(ev.pageX || ev.pageY) {
 return {x:ev.pageX, y:ev.pageY};
 }
 return {
 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
 y:ev.clientY + document.body.scrollTop - document.body.clientTop
 };
}
document.onclick=function(){
 if(document.activeElement!=contextmenu)document.getElementById("contextmenu").style.display="none";
}
</script>
</body>
</html>

div 层实现按钮+弹出式登录窗口

代码来源于网络

<style type="text/css"> 
/*层 1 的样式*/ 
.div1{ 
/*本层要实现覆盖模式窗口以外全部内容的半透明效果*/ 
background-color:#000000;/*背景色*/ 
position: absolute ;/*绝对定位,必选,使层绝对依照 top,left 的标准显示,否则将不能实现覆盖*/ 
top:0;/*层与页面顶部距离*/ 
left:0;/*层与左侧边距离*/ 
z-index:1;/*当发生重叠时的优先级,数大的会覆盖数较小的,没进行设置的均可视为小于 0*/ 
display:none; /*层是否可见,初始化 none 不可见*/ 
filter:Alpha(opacity=30);/*过滤颜色,设置透明度(可见度) 30 ,数越小越透明*/ 
} 

/*层 2 的样式*/ 
.div2{ 
/*本层显示在最前端,其它控件均不可用*/ 
width:300px;/*显示宽度*/ 
height:200px;/*显示高度*/ 
position:absolute;/*绝对定位*/ 
z-index:2;/*优先级*/ 
display: none;/*是否显示*/ 
border:1px inset blue; /*边框:宽度,样式,颜色*/ 
background-color:#00CCFF;/*背景色*/ 
} 
</style> 


<script type="text/javascript"> 
//显示的方法,说明:前缀的 div1 、 div2 、 body 等,均为 Id 值 
function show() 
{ 
div1.style.display="inline";//设置层 1 显示 
div1.style.width=body.clientWidth;//设置层 1 宽度等于 body 宽度, width=100%也可以,不过有一些误差,所以最好用这个 
div1.style.height=body.clientHeight;//设置层 1 高度满屏 
div2.style.display="inline";//设置层 2 的显示 
div2.style.top=body.clientHeight/2-div2.clientHeight/2;//设置层 2 的距顶位置居中算法 
div2.style.left=body.clientWidth/2-div2.clientWidth/2;//设置层 2 的距左位置居中算法 
} 


//关闭显示 
function closeShow() 
{ 
div1.style.display="none"; 
div2.style.display="none"; 
} 
</script> 
</head> 
<body id="body"> 
<!--测试按钮点击触发 show()方法--> 
<input type="button" value="测试按钮" onClick="show()"/> 

<div id="div1" class="div1"></div><!--这是要覆盖网页的层,不必写任何东西--> 

<div id="div2" class="div2"><!--这是弹出的模式窗口层--> 
<!--嵌套在层中的层,用来做标题栏,按个人需求定义--> 
<div id="div3" style="width:100%;height:20px; background-color:#00CCC0" align="right"> 
<label onClick="closeShow()" style="font-weight:bolder;cursor:hand"> 
关闭 <!--用来关闭显示,在 label 中加了 onclick 事件,与鼠标悬停手的样式--> 
</label> 
</div> 
 <form method="post" action="http://bbs.51fzg.com/logging.php?action=login" target="_blank">
 <input type="hidden" name="referer" value="http://bbs.51fzg.com/index.php">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr> 
 <td>用户名</td>
 <td>
 <input type="text" name="username">
 </td>
 </tr>
 <tr> 
 <td>密码</td>
 <td>
 <input type="password" name="password">
 </td>
 </tr>
 <tr>
 <td colspan="2">
 <input type="submit" name="loginsubmit" value="登录">
 <input type="reset" name="reset" value="重置">
 <input type="button" value="注册" onclick="javascript: this.form.action='http://bbs.51fzg.com/register.php';this.form.submit();">
 <input type="button" value="游客" onclick="javascript: this.form.action='http://bbs.51fzg.com/index.php';this.form.submit();">
 </td>
 </tr>
 </table>
 </form>
</div>

Html 跑马灯代码大全

代码来自网络,留存记忆

<marquee>...</marquee>普通卷动 
 <marquee behavior=slide>...</marquee>滑动 
 <marquee behavior=scroll>...</marquee>预设卷动 
 <marquee behavior=alternate>...</marquee>来回卷动 
 <marquee direction=down>...</marquee>向下卷动 
 <marquee direction=up>...</marquee>向上卷动 
 <marquee direction=right></marquee>向右卷动 
 <marquee direction=’ left ’></marquee>向左卷动 
 <marquee loop=2>...</marquee>卷动次数 
 <marquee width=180>...</marquee>设定宽度 
 <marquee height=30>...</marquee>设定高度 
 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 
 <marquee scrollamount=30>...</marquee>设定滚动速度 
 <marquee scrolldelay=300>...</marquee>设定卷动时间 
 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动 
 <marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动

<marquee direction=’ left ’ loop=2  width=960  height=30  scrollamount=30 scrolldelay=300 onmouseover="this.stop()" onmouseover="this.start()">...</marquee> 设置跑马灯在鼠标放上去就停,而鼠标离开跑马灯继续开始