31,Q:用样式表(CSS)定制表格边框:
A:
〈Table border=0 id=tb1 style="border:3px solid red"〉
〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉
〈/Table〉
32,Q:闪亮的表格边框:
A:
制做闪亮的表格边框!
<!-- 这段脚本放在表格的后面
function flashit()
{
if (!document.all) return
if (tb1.style.borderColor=="green")
tb1.style.borderColor="red"
else
tb1.style.borderColor="green"
}
setInterval("flashit()", 400)
//-->
33,Q:JavaScript 实现的简单时钟:
A:
(1)在〈Head〉〈/Head〉之间放置以下脚本:
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
function stopclock ()
{ if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock ()
{ stopclock();
showtime();
}
//-->
(2)在〈Body〉属性中加 onLoad="startclock()"
(3)在〈Body〉〈/Body〉中间加
即可。
34,Q:自动滚动屏幕文字:
A:
var position = 0;
function scrollit()
{
if (position != 640 ){
position++;
scroll(0,position);
clearTimeout(timer);
var timer=setTimeout("scrollit()",25);
timer;
}
}
以上脚本加在〈Head〉〈/Head〉中间,再在〈BODY〉属性中加 Onload="scrollit()"。
35,Q:“下雨”JavaScript 脚本:
A:将以下脚本放在〈Body〉〈/Body〉中间即可:
<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\">");
document.write(",");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\">");
document.write(",");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\">");
document.write(",");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\">");
document.write("’"); //设定雨点的字符
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] = (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] = (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {raindropNS(); }
else
if (ie4up) {raindropIE(); }
// End -->
36,Q:“地震”JavaScript 脚本:
A:将以下脚本放在〈Body〉〈/Body〉中间即可:
<!--
function shake(n)
{
if (window.top.moveBy)
{for (i = 10; i > 0; i--)
{for (j = n; j > 0; j--)
{window.top.moveBy(0,i);
window.top.moveBy(i,0);
window.top.moveBy(0,-i);
window.top.moveBy(-i,0);
}
}
}
}
//-->
37,Q:一个用 JavaScript 实现的简陋的计算器:
A:全部代码如下:
<!--
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'

Prev | Next
Pg.: 1 ... 19 20 21 22 23 24 25 26 27 28 29 ... 33


Back to home | File page

Subscribe | Register | Login | N