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 ...

随机推荐

Mac 精品软件
Snagit:Mac 平台下最优秀的屏幕截图软件,可以录制屏幕视频.截图以及对截图进行加工. Flux 4:强大易用的网页设计工具,不需要学习编程即可在一天内建成一个专业的网站 Jump Deskto ...
Go中的switch fallthrough
Go基础 switch sExpr { case expr1: some instructions case expr2: some other instructions case expr3: ...
golang的select典型用法
golang 的 select 的功能和 select, poll, epoll 相似, 就是监听 IO 操作,当 IO 操作发生时,触发相应的动作. 示例: ch1 := make (chan in ...
idea 设置默认maven auto import，不需要每次都弹出
1 2 误区从这里点进去进行设置,或者每次打开项目右击下方的 auto impot都是不对的.
CodeForces-1215C-Swap Letters-思维
Monocarp has got two strings ss and tt having equal length. Both strings consist of lowercase Latin ...
spark session 深入理解
spark 1.6 创建语句在Spark1.6中我们使用的叫Hive on spark,主要是依赖hive生成spark程序,有两个核心组件SQLcontext和HiveContext. 这是Spa ...
<读书笔记>001-以解决问题为导向的python编程实践
以解决问题为导向的python编程实践 0.第0章:计算机科学思考:计算机科学是否为计算机编程的简称? 编程的困难点:1.同时做2件事(编程语言的语法.语义+利用其解决问题) 2.什么是好程序(解 ...
MapReduce1.0的缺陷
c结构体指针使用
#include <stdio.h> #include<stdlib.h> #include<string.h> typedef struct _Date { un ...
ASP.NET 页面的生命周期
本文转载自清风飘过的博客,地址:http://www.cnblogs.com/couhujia/archive/2010/04/23/1718405.html 页面生命期分三个阶段:建立阶段,回发阶段 ...

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

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

随机推荐

热门专题