JavaScript特效源码(8、其他特效)

1、中文日期

　

中文日期[无须修改][共1步]]

====1、将以下代码加入HEML的<body></body>之间

<script LANGUAGE="JavaScript">

function number(index1){

var numberstring="一二三四五六七八九十";

if(index1 ==0) {document.write("十")}

if(index1 < 10){

document.write(numberstring.substring(0+(index1-1),index1))}

else if(index1 < 20 ){

document.write("十"+numberstring.substring(0+(index1-11),(index1-10)))}

else if(index1 < 30 ){

document.write("二十"+numberstring.substring(0+(index1-21),(index1-20)))}

else{

document.write("三十"+numberstring.substring(0+(index1-31),(index1-30)))}

}

var today1 = new Date()

var month = today1.getMonth()+1

var date = today1.getDate()

var day = today1.getDay()

document.write("<br><strong><small><center>")

document.write("公元二零零零年")

number(month)

document.write("月")

number(date)

document.write("日</small><center>")

</script>

2、现在的日期及时间

　

现在的日期及星期[无须修改][共1步]

====1、将以下代码加入HEML的<body></body>之间

<script language=JavaScript>

today=new Date();

function initArray(){

this.length=initArray.arguments.length

for(var i=0;i<this.length;i++)

this[i+1]=initArray.arguments[i] }

var d=new initArray(

"星期日",

"星期一",

"星期二",

"星期三",

"星期四",

"星期五",

"星期六");

document.write(

"<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",

today.getYear(),"年",

today.getMonth()+1,"月",

today.getDate(),"日",

d[today.getDay()+1],

"</font>" );

</script>

3、带连接的滚动字幕

　

带链接的滚动字幕[修改名称及链接][共1步]

====1、将以下代码加入HEML的<body></body>之间

<script language="JavaScript1.2">

//设置marquee的宽度 (in pixels)

var marqueewidth=400

//设置marquee的高度 (in pixels, 该参数只适用于NS)

var marqueeheight=20

//设置marquee滚动的速度(数值大速度快)

var speed=4

//设置marquee显示内容，使用标准的HTML语法。

var marqueecontents='<strong><big>欢迎访问 <a href="http://www.happydrips.com">快乐点滴</a> 欢迎您光临 <a href="mailto:yshot@263.net">给我来封信！</a></big></strong></font>'

if (document.all)

document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers){

setTimeout("window.onresize=regenerate",450)

intializemarquee()

}

}

function intializemarquee(){

document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')

document.cmarquee01.document.cmarquee02.document.close()

thelength=document.cmarquee01.document.cmarquee02.document.width

scrollit()

}

function scrollit(){

if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){

document.cmarquee01.document.cmarquee02.left-=speed

setTimeout("scrollit()",100)

}

else{

document.cmarquee01.document.cmarquee02.left=marqueewidth

scrollit()

}

}

window.onload=regenerate2

</script>

<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">

<layer name="cmarquee02"></layer>

</ilayer>

4、垂直滚动公告版

　

垂直滚动公告板[修改显示的文字][共2步]

====1、将下列代码加入HEML的<head></head>之间：

<script>

<!--

lstart=200

loop=true

speed=350

pr_step=5

function makeObj(obj,nest){

nest=(!nest) ? '':'document.'+nest+'.'

this.css=(document.layers) ? eval(nest+'document.'+obj):eval(obj+'.style')

this.scrollHeight=document.layers?this.css.document.height:eval(obj+'.offsetHeight')

this.up=goUp

this.obj = obj + "Object"

eval(this.obj + "=this")

return this

}

function goUp(speed){

if(parseInt(this.css.top)>-this.scrollHeight){

this.css.top=parseInt(this.css.top)-pr_step

setTimeout(this.obj+".up("+speed+")",speed)

}else if(loop) {

this.css.top=lstart

eval(this.obj+".up("+speed+")")

}

}

function slideInit(){

oSlide=makeObj('divNews','divCont')

oSlide.css.top=lstart

oSlide.up(speed)

}

onload=slideInit

//-->

</script>

====2、将下列代码加入HEML的<body></body>之间：

<div id="divCont"

style="position:absolute; width:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"><div

id="divNews" style="position:absolute; top:0; left:0">

<p>这是一个滚动看板<br>

但并不是大家经常看到的<br>

用<font face="Arial">java</font>实现的那种<br>

它采用<font face="Arial">javacript</font>语言和<font face="Arial">DHTML</font>的层<br>

所以你看到的原代码<br>

不需要固定在form框里或者表格里<br>

它是用的<font face="Arial"><div></div></font><br>

你可以把这段代码放在<font face="Arial">HTML<br>

</font>代码里的任何地方<br>

都不会影响它出现的位置</p>

<p>这是一个用处很大的程序<br>

可以用在网页里作广告或则告示板<br>

赶快<font face="Arial">Copy</font>到你的主页里试试吧！</p>

</div></div>

5、关闭窗口

关闭窗体[无须修改][共1步]

====1、将以下代码加入HEML的<body></body>之间：

<script language="JavaScript">

function shutwin(){

window.close();

return;}

</script>

<a href="javascript:shutwin();">关闭本窗口</a>

6、MIDI播放器

十分棒的MIDI播放器[共2步](可根据相应的项目修改)

====1、将以下代码加入HTML的<head></head>之间：

<Script Language="JavaScript">

<!-- Hiding

song = new Array()

var x = 0

song[1] = "007主题曲之一"

song[2] = "007主题曲之二"

song[3] = "999朵玫瑰"

song[4] = "X-档案主题曲"

song[5] = "用心良苦"

song[6] = "泰坦尼克主题曲"

function prev(){

if (x>1)

{ x--

document.midi.typein.value=song [x]

}

}

function next(){

var max= song.length-1

if (x<max)

{ x++

document.midi.typein.value=song [x]

}

}

function go(){

if (x != 0){

location.href='song'+x+'.mid'

//以上指定播放的是当前路径的midi文件，文件名分别是song1.mid-song6.mid //

}

}

function start(){

x=1

document.midi.typein.value=song [x]

}

function end(){

x=song.length-1

document.midi.typein.value=song [x]

}

function cls(){

document.midi.typein.value="选曲"

}

// Done Hiding -->

</Script>

====2、将以下代码加入HTML的<body></body>之间区：

<BODY onload="cls()">

<FORM Name="midi">

<INPUT NAME="typein" TYPE="text" SIZE="25" ALIGN=top><BR>

<font size=3>

<INPUT TYPE=Button Value="|<<" Align=left onclick="start()">

<INPUT TYPE=Button Value="<<" Align=left onclick="prev()">

<input type=Button value="PLAY" align=left onClick="go()" name="Button">

<INPUT TYPE=Button Value=">>" Align=left onclick="next()">

<INPUT TYPE=Button Value=">>|" Align=left onclick="end()">

</font>

</FORM>

7、问候语

分时问候[修改显示的文字][共1步]

====1、将以下代码加入HTML 的<body></body>之间：

<script language="javaScript">

<!--

now = new Date(),hour = now.getHours()

if(hour < 6){document.write("凌晨好!")}

else if (hour < 9){document.write("早上好!")}

else if (hour < 12){document.write("上午好!")}

else if (hour < 14){document.write("中午好!")}

else if (hour < 17){document.write("下午好!")}

else if (hour < 19){document.write("傍晚好!")}

else if (hour < 22){document.write("晚上好!")}

else {document.write("夜里好!")}

// -->

</script>

8、密码保护页面

　

密码保护页面[修改口令][共1步]

1、将以下代码加入HEML的<body></body>之间：

<script LANGUAGE="JAVASCRIPT">

<!--

loopy()

function loopy() {

var sWord =""

while (sWord != "login") { //改为你自己的密码！

sWord = prompt("输入正确密码才能登陆!本页密码:login")

}

alert("AH...欢迎光临！")

}

//-->

</script>

9、当前时间

　

当前的时间[无须修改][共1步]

====1、将以下代码加入HEML的<body></body>之间：

<script language=JavaScript>

var timerID = null;

var timerRunning = false;

function stopclock (){

if(timerRunning)

clearTimeout(timerID);

timerRunning = false;}

function startclock () {

stopclock();

showtime();}

function showtime () {

var now = new Date();

var hours = now.getHours();

var minutes = now.getMinutes();

var seconds = now.getSeconds()

var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " )

timeValue += ((hours >12) ? hours -12 :hours)

timeValue += ((minutes < 10) ? ":0" : ":") + minutes

timeValue += ((seconds < 10) ? ":0" : ":") + seconds

document.clock.thetime.value = timeValue;

timerID = setTimeout("showtime()",1000);

timerRunning = true;}

</SCRIPT>

<body onload=startclock()>

<form name=clock >

<input name=thetime style="font-size: 9pt;color:#000000;border:0" size=12>

</form>

</body>

JavaScript特效源码(8、其他特效)的更多相关文章

JavaScript特效源码(1、文字特效)
注:本文以及以下关于Javascript特效源码都是分享自JavaScript源码大全. 1.逐隐逐现的的特效逐隐逐现的文字特效[推荐使用][适用于IE4++] (修改显示的文字后根据说明进行共2步 ...
多种的android进度条的特效源码
多种的android进度条的特效源码,这个源码是在源码天堂那个网站上转载过来的,我已经修改一部分了,感觉很实用的,大家可以学习一下吧,我就不上传源码了,大家可以直接到那个网站上下载吧. 源码天堂下载地 ...
JavaScript特效源码(4、鼠标特效)
1.鼠标感应--渐现特效鼠标感应渐显图片[平时很模糊的图片鼠标一放上就显示清楚] [修改图片名称即可][共2步] ====1.将以下代码加入HTML的<head></head> ...
3D轮播切换特效源码
这个3D轮播切换特效是我2017年2月份写的当初我刚接触HTML不久,现在把源码分享给大家源码的注释超级清楚 . <!-- 声明文档类型:html 作用:符合w3c统一标准规范每个浏览器 ...
使用C#重写网上的60行 Javascript 俄罗斯方块源码 (带注释)
在很久很久以前,就已经看过 60行Js的俄罗斯方块源码.无奈当时能力不够看明白,当时觉得就是个神作. 现在总算有空再看了,顺便用c#实现一遍(超过60行),顺道熟悉下Js API. 网上其他博客也有分 ...
JavaScript特效源码(7、页面特效二)
7.将站点加入频道栏将站点加入频道栏[看详细说明] ====1.加入channel的方法:使用如下连接指向你的频道文件*.cdf. <a href="javascript:windo ...
JavaScript特效源码(6、页面特效一)
1.页面全屏页面全屏显示[ALT+F4关闭][共1步][新弹出窗口并以全屏幕方式显示] ====1.将以下代码加入HTML的<body></body>之间: <form ...
JavaScript特效源码(5、背景特效)
1.数字时钟背景时钟[好大的钟][推荐][共1步] ====1.以下是这个效果的全部代码.[最好从一个空页面开始] <html> <head> <TITLE>背景 ...
JavaScript特效源码(3、菜单特效)
1.左键点击显示菜单左键弹出式菜单[推荐][修改显示的文字及链接即可][共2步] ====1.将以下代码加入HEML的<head></head>之间: <style t ...

随机推荐

Nt函数原型
NTSTATUS NTAPI NtAcceptConnectPort( OUT PHANDLE PortHandle, IN PVOID PortIdentifier, IN PPORT_MESSAG ...
"Access denied for user 'root@localhost' 试一下你的mysql是不是用任何密码都可以登录，如果是的话这里
https://blog.csdn.net/light_breeze/article/details/82070222 花了三小时...竟然是因为这个
HSE_VALUE 修改问题
MDK的例程给的外部晶振是25Mhz,以24Mhz为例,介绍修改方法. ·1. 修改HSE_VALUE 在 “stm32f4xx.h" 搜索 ”HSE_VALUE" 会看到下面这句 ...
HDU-1850-Being a Good Boy in Spring Festival-nim博弈
一年在外父母时刻牵挂春节回家你能做几天好孩子吗寒假里尝试做做下面的事情吧陪妈妈逛一次菜场悄悄给爸爸买个小礼物主动地强烈地要求洗一次碗某一天早起给爸妈用心地做回早餐如果愿意你还可以和爸妈 ...
Solrj API读取core 索引库数据
private static String zkHost = "ip:2181,ip:2181,ip:2181"; private static CloudSolrServer s ...
高并发神器 Nginx，到底该怎么学？
Java技术栈 www.javastack.cn 优秀的Java技术公众号无论开发还是运维,工作上都会遇到性能优化.高并发的问题,而Nginx是一个万能药,它可以在百万并发连接下实现高吞吐量的 We ...
Markdown 语法大全
1 强调星号与下划线都可以,单是斜体,双是粗体,符号可跨行,符号可加空格 **一个人来到田纳西** __毫无疑问__ *我做的馅饼是全天下* _最好吃的_ 效果: 一个人来到田纳西毫无疑问我做 ...
Vue项目中同级组件传值的例子
大家好,今天给大家带来Vue项目中同级组件之间传值的例子,父子组件之间的通信比较简单,这里不做讨论. 假设该项目中的需求如下: 图中左上角有一个按钮,我们的需求是点击它时,侧边导航栏收缩且主界面放大, ...
2016CCPC杭州现场赛 B-Bomb /// tarjan缩点
题目大意: 给定n个爆破点的信息 x y r w 表示爆破点位置为 (x,y) 爆破范围是以位置为圆心半径为r的圆引爆这个点的代价为w 引爆某个点时其他位置在该爆破范围内的爆破点也会被引爆求引 ...
STM32---初学者用库函数好还是直接对寄存器操作比较好
引用:http://blog.csdn.net/u010349006/article/details/416 首先,两个都是C语言.从51过渡过来的话,就先说寄存器操作.每个MCU都有自己的寄存器,5 ...

JavaScript特效源码(8、其他特效)

JavaScript特效源码(8、其他特效)的更多相关文章

随机推荐

热门专题