当前位置:首页 > 代码 > 正文

html公告栏代码(html公告栏代码 静态可编辑)

admin 发布:2022-12-19 16:24 173


今天给各位分享html公告栏代码的知识,其中也会对html公告栏代码 静态可编辑进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

谁能给一个简单的网站公告栏代码

这个代码到处都能找的到: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='jzxue_com' height='150' onmouseover='rav.stop()' onmouseout='rav.start()' Author:redriver; For more,visit:asssss.123.com") document.write ("h2p align='center'font color='#ffffff' face='黑体'哈 啰/font/h2")

document.write ("p align='right'a href='#' target='_blank'font color='#ffffff'阿杜/font/a ")

document.write ("pfont 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 ("br哈罗却停在你的脸")

document.write ("br哈罗何必再相见")

document.write ("br哈罗回不到从前")

document.write ("br哈罗我瞒不了心痛的那么明显")

document.write ("br哈罗难道这就是再见")

document.write ("/font")

document.write ("/marquee ")

/SCRIPT

/td

/tr

/table

弹出小窗体式公告栏代码

【最基本的弹出窗口代码】

SCRIPT LANGUAGE="javascript"

!--

window.open ('page.html')

--

/SCRIPT

因为这是一段javascript代码,所以它们应该放在SCRIPT LANGUAGE ="javascript"标签和/script之间。

!--和--是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作

为文本显示出来。

Window.open ('page.html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面

应写明路径,绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以,只是不要混用。

这一段代码可以加入HTML的任意位置,加入到head和/head之间也可以,位置越靠前执行越早,尤其是页面

代码较长时,又想使页面早点弹出就尽量往前放。

【经过设置后的弹出窗口】

下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。

SCRIPT LANGUAGE="javascript"

!--

window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no')

//写成一行

--

/SCRIPT

参数解释:

SCRIPT LANGUAGE="java script" js脚本开始;

window.open 弹出新窗口的命令;

page.html 弹出新窗口的文件名;

newwindow 弹出窗口的名字(不是文件名),可用空 〃代替;

height=100 窗口高度;

top=0 窗口距离屏幕上方的像素值;

left=0 窗口距离屏幕左侧的像素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏;

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

/SCRIPT js脚本结束。

【用函数控制弹出窗口】

下面是一个完整的代码。

html

head

script LANGUAGE="javascript"

!--

function openwin(){

window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no";)

//写成一行

}

--

/script

/head

body onload="openwin()"

...任意的页面内容...

/body

/html

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?

方法一:body onload="openwen()" 浏览器读页面时弹出窗口;

方法二:body onunload="openwen()" 浏览器离开页面时弹出窗口;

方法三:用一个连接调用:a href="#" onclick="openwin()"打开一个窗口/a

注意:使用的"#"是虚连接。

方法四:用一个按钮调用:input type="button" onclick="openwin()" value="打开窗口"

【主窗口打开文件1.htm,同时弹出小窗口page.html】

将如下代码加入主窗口head区:

script language="javascript"

!--

function openwin(){

window.open("page.html","","width=200,height=200";)

}

//--

/script

加入body区:a href="1.htm" onclick="openwin()"open/a即可。

【弹出的窗口之定时关闭控制】

下面我们再对弹出窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它在10秒钟后自动关闭是不是更酷了?

首先,将如下代码加入page.html文件的head区:

script language="javascript"

function closeit() {

setTimeout("self.close()",10000) //毫秒

}

/script

然后,再用body onload="closeit()"这一句话代替page.html中原有的BODY这一句就可以了。(这一句话千

万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

【在弹出窗口中加上一个关闭按钮】

form

INPUT TYPE='BUTTON' value='关闭' onClick='window.close()'

/form

呵呵,现在更加完美了!

【内包含的弹出窗口——一个页面两个窗口】

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。

通过下面的例子,你可以在一个页面内完成上面的效果。

html

head

SCRIPT LANGUAGE="javascript"

function openwin()

{

OpenWindow=window.open("","newwin","height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no";);

//写成一行

OpenWindow.document.write("TITLE例子/TITLE";)

OpenWindow.document.write("BODY BGCOLOR=#FFFFFF";)

OpenWindow.document.write("H1Hello!/h1";)

OpenWindow.document.write("New window opened!";)

OpenWindow.document.write("/BODY ";)

OpenWindow.document.write("/HTML";)

OpenWindow.document.close()

}

/script

/head

body

a href="#" onclick="openwin()"打开一个窗口/a

input type="button" onclick="openwin()" value="打开窗口"

/body

/html

看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签都会出现错误。记住用OpenWindow.document.close()结束啊。

【终极应用——弹出窗口的Cookie控制】

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(你沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?有解决的办法吗?Yes!Follow me。我们使用Cookie来控制一下就可以了。

首先,将如下代码加入主页面HTML的HEAD区:

script

function openwin(){

window.open("page.html","","width=200,height=200" ;)

}

function get_cookie(Name){

var search = Name+ "="

var returnvalue ="";

if (documents.cookie.length 0){

offset = documents.cookie.indexOf(search)

if (offset!=-1){

offset += search.length

end = documents.cookie.indexOf (";",offset);

if (end ==-1)

end = documents.cookie.length;

returnvalue =unescape(documents.cookie.substring(offset,end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie(’popped’)==";){

openwin()

documents.cookie="popped=yes"

}

}

/script

然后,用body onload="loadpopup()"(注意不是openwin 而是loadpop啊)替换主页面中原有的BODY这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!

写到这里,弹出窗口的制作和应用技巧基本上算是讲完了,希望对正在制作网页的朋友有所帮助我就非常欣慰了。

需要注意的是,JS脚本中的大小写最好前后保持一致。

没有菜单、工具栏、地址栏的弹出窗口:

script language="javascript"

!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=500,height=500,resizable=0,scrollbars=auto'); // width=500,height=500为窗口长和宽

if (popup != null) {

if (popup.opener == null) {

popup.opener = self; }

popup.location.href = '要打开的文件名';

}

// --

/script

离开一个页面时弹出一个可定制的窗口

!-- Begin

function leave() {

window.open(\'离开页面时弹出窗口的URL\',\'\',\'toolbar=no,menubar=no,location=no,height=235,width=320\');

}

// End --

/script

如下代码加入HTML的BODY区:body onUnload="leave()"

超级弹窗代码(MYIE也照弹)

script language="javascript"

focusid=setTimeout("focus();window.showModelessDialog(\'\',\'\',\'scroll:1;status:0;help:0;resizable:1;dialogWidth:0px;dialogHeight:0px\')",0000)

/script

script language="javascript"

!--

function clock(){i=i-1

document.title="";#定义标题

if(i0)setTimeout("clock();",1000);

else self.close();}

var i=4#定义多少秒后关

clock();

//--

/script

HTML滚动公告,隔3秒向上滚动显示下一条文字的代码是什么?

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title/title

script type="text/javascript"

var RollAd=(function() {

var _extend=function(desitination,source) {

for (var m in source) {

desitination[m]=source[m]

}

return desitination;

};

var constructor=function(

container, /*需要绑定的marquee容器,可以传id,也可以也直接传dom 元素*/

freq, /*滚动的时间,单位秒*/

delay, /*两次滚动的间隔时间,单位秒*/

style /*marquee元素的样式*/

) {

var self=this;

var stoped=false;

var rollTimeoutId=null;

container=(typeof container=='string'?document.getElementById(container):container);

style=_extend({

width:'100%',

height:'15px' 

},style || {}); 

for (var s in style) {

container.style.s=style[s];

}

var _roll=function() {

if (!stoped) {

rollTimeoutId=setTimeout(_stop,freq*1000);

} else {

rollTimeoutId=setTimeout(_start,delay*1000);

}

};

var _start=function() {

stoped=false;

container.start();

_roll();

};

var _stop=function() {

stoped=true;

container.stop();

_roll();

};

_roll();

};

return constructor; 

})();

/*示例代码*/

window.onload=function() {

new RollAd('rollAd',3,4);

}

/script

/head

body

marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="15" id="rollAd"

dfdfasfdsa br /

dfdfdbr /

dfdfdfbr /

dfdfdfbr /

/marquee

/body

/html

关于html公告栏代码和html公告栏代码 静态可编辑的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/12811.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载