网页交互脚本合集-优快云博客

下拉菜单友情链接脚本

<option selected>--明日科技站内导航--</option>

</select>

解析式菜单

{

position:absolute;background: #eeffee;//解释框背景色

}

</STYLE>

CueMessage=new Array(5)//创建数组

CueMessage[0]="<font color=red><b>欢迎光临明日科技游戏网！</b></font>"

CueMessage[1]="<font color=red><b>进入游戏公告区，您可以了解最近的公告信息！</b></font>"

CueMessage[2]="<font color=red><b>可以帮助您对本站发行的积分进行了解！</b></font>"

CueMessage[3]="<font color=red><b>来这里，您可以知道如何购买本站的产品！</b></font>"

CueMessage[4]="<font color=red><b>为玩家提供交流的社区！</b></font>"

var br;//声明变量.用于指定浏览器

if (document.all)

{

lRef='document.all.'

styleRef='.style.'

CMessages=".innerHTML=CueMessage[num]"

CloseIt=""

br=true

}

else

{

alert("此效果在Netscape浏览器中不能实现！");

}

function www_mingrisoft_com(num)

{

if(br)

{

eval(lRef+'www_mingrisoft_com'+CMessages)

eval(lRef+'www_mingrisoft_com'+CloseIt);

}

</SCRIPT>

</head>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

</table>

<br />

</body>

</html>

下拉式菜单：

<html>

<head>

<title>自动隐藏式菜单</title>

<style>#dviID {

BACKGROUND-COLOR: #66cdaa;

BORDER-BOTTOM: white 2px outset;

BORDER-LEFT: white 2px outset;

BORDER-RIGHT: white 2px outset;

BORDER-TOP: white 2px outset;

LEFT: 0px; POSITION: absolute;

TOP: 0px; VISIBILITY: hidden;

WIDTH: 200px;

layer-background-color: #e6e6fa

}

a{font-size:9pt}

a:link{text-decoration:none}

a:hover{text-decoration:none;color:#FFFFFF}

a:visited{text-decoration:none}

.40pt{font-size:40pt;color:#e6e6fa;font-family:文鼎琥珀繁}

</style>

a=null

b=null

c=null

d=null

Netscape4 = (document.layers)?1:0

IE4 = (document.all)?1:0;

function MenuHide() //菜单隐藏

{

if(Netscape4)

{

clearTimeout(d)

if( menu.top > menuH*-1+20+10 )

{

menu.top -= 10

c = setTimeout("MenuHide()", 1)

}

else if( menu.top > menuH*-1+20 )

{

menu.top--

c = setTimeout("MenuHide()", 1)

}

else

{

clearTimeout(d)

if( menu.pixelTop > menuH*-1+20+10 )

{

menu.pixelTop -= 10

c = setTimeout("MenuHide()", 1)

}

else if( menu.pixelTop > menuH*-1+20 )

{

menu.pixelTop--

c = setTimeout("MenuHide()", 1)

}

function MenuOut() //菜单显示

{

if(Netscape4)

{

clearTimeout(c)

if( menu.top < -10)

{

menu.top += 4

d = setTimeout("MenuOut()", 1)

}

else if( menu.top < 0)

{

menu.top++

d = setTimeout("MenuOut()", 1)

}

else

{

clearTimeout(c)

if( menu.pixelTop < -10)

{

menu.pixelTop += 2

d = setTimeout("MenuOut()", 1)

}

else if( menu.pixelTop < 0 )

{

menu.pixelTop++

d = setTimeout("MenuOut()", 1)

}

function fireOver()

{

clearTimeout(b)

a = setTimeout("MenuOut()", 10)

}

function fireOut()

{

clearTimeout(a)

b = setTimeout("MenuHide()", 10)

}

function Init()

{

if(Netscape4)

{

menu = document.D1

menuH = menu.document.height

menu.top = menu.document.height*-1+20

menu.onmouseover = menuOut

menu.onmouseout = menuIn

menu.visibility = "visible"

}

else if(IE4)

{

menu = dviID.style

menuH = dviID.offsetHeight

dviID.style.pixelTop = dviID.offsetHeight*-1+20

dviID.onmouseover = fireOver

dviID.onmouseout = fireOut

dviID.style.visibility = "visible"

}

</script>

</head>

<TBODY>

<tr>

菜<br>

单</font></td>

<li><a href="javascript:void(0)">ASP图书</a>

</li>

<li><a href="javascript:void(0)">JSP图书</a>

</li>

<li><a href="javascript:void(0)">ASP.NET图书</a>

</li>

</li>

<li><a href="javascript:void(0)">C#.NET图书</a>

</li>

</li>

</ul>

</td>

</td>

</tr>

<tr>

</td>

</tr>

</TBODY>

</table>

</div>

</body>

网站启动弹出窗口

window.open("Default2.aspx","new","height=230,width=250,top=10,left=20")

弹出居中页面：

function manage(){

var hdc=window.open('Default2.aspx','','width=300,height=200');

width=screen.width;

height=screen.height;

hdc.moveTo((width-300)/2,(height-200)/2);

}

</script>

弹出窗口，有点auto性质

<title>弹出网页模式对话框</title>

function opendialog()

{

var someValue=window.showModalDialog("Default2.aspx","","dialogWidth=300px;dialogHeight=200px;status=no;help=no;scrollbars=no")

document.form1.TextBox1.value=someValue;

}

</script>

全屏模式代码

function opendialog(){

var width=screen.width;

var height=screen.height;

window.showModalDialog("Default.aspx","","dialogWidth="+width+"px;dialogHeight="+height+"px;status=no;help=no;scrollbars=no")

}

</script>

取色器代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</head>

<body>

<!--

var h = new Array(6)

h[0] = "FF";

h[1] = "CC";

h[2] = "99";

h[3] = "66";

h[4] = "33";

h[5] = "00";

function action(RGB) {

//alert('您选择的颜色是:#'+RGB);

parent.window.returnValue="#"+RGB;

window.close();

}

function Mcell(R, G, B) {

document.write('<td bgcolor="#' + R + G + B + '">');

document.write('<a href="#" onClick="action('' + (R + G + B) + '')">');

document.write('<img border=0 height=12 width=12 ')" alt='#'+R+G+B+''>');

document.write('</a>');

document.write('</td>');

}

function Mtr(R, B) {

document.write('<tr>');

for (var i = 0; i < 6; ++i) {

Mcell(R, h[i], B);

}

document.write('</tr>')

}

function Mtable(B) {

document.write('<table cellpadding=0 cellspacing=0 border=0>');

for (var i = 0; i < 6; ++i) {

Mtr(h[i], B);

}

document.write('</table>');

}

function Mcube() {

document.write('<table cellpadding=0 cellspacing=0 border=0><tr>'); //

for (var i = 0; i < 6; ++i) {

if(i%3==0){

document.write('<tr>');

}

document.write('<td bgcolor="#FFFFFF">');

Mtable(h[i])

document.write('</td>');

}

if(i%3==0){

document.write('</tr>');

}

document.write('</tr></table>');

}

Mcube()

-->

</script>

</body>

</html>

JavaScript脚本