人生短暂，废话不多说，直奔主题！这个小实例的要求：实现在页面中输出99乘法表。（要求：以每三行为一组，实现隔行变色（颜色为白，红，黄（也可自己定义）），鼠标滑过每一行，行背景颜色变为蓝色，鼠标离开又恢复原来的颜色），隔行变色的效果需要用if和switch两种判断方式都能实现；额，分析一下实例要求：一个99乘法表，一个多方法的隔行变色，鼠标滑过变另外一个颜色，离开恢复原色。 嗯，我们一步步来吧！99乘法表的实现，...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><a id="runoob" charset="ISO-8859-1" href="//www.runoob.com/">菜鸟教程</a><br>
<script>
document.write("返回链接的charset: ");
document.write(document.getElementById(‘runoob‘).charset);
document.write("<br><br>");
</script>
<a id="google" href="//www.google.com/">Google</a><br>
<script>
document...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一个JavaScript实例-html5拖拽</title>
<style>
#drop{width:300px;height:200px;background-color:#f00;padding:5px;border:2px solid #000;}
#item{width:100px;height:100px;background-color:#ff0;padding:5px;margin:20px;border:1px solid #000;}
*[draggable=true]{-moz-user-select:none;-khtml-user-dr...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置</title>
<style>
#info{width:100px;height:100px;background:red;position:absolute;top:0;left:0;}
</style>
<script>
window.onload = function(){document.onclick = clickwhere;}function clickwhere(evt){evt = evt || window.event;var x =0;va...
div的显示和隐藏<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style type="text/css">
#div1{color:red;border:5px solid purple;width:300px;height:200px;}
</style>
<script t...
惰性实例化要解决的问题是：避免了在页面中 JavaScript 初始化执行的时候就实例化类，如果在页面中没有使用这个实例化的对象，就会造成一定的内存浪费和性能消耗。如果将一些类的实例化推迟到需要使用它的时候才去做，就可以避免资源过早损耗，做到 “按需供应”。 // 惰性实列化代码如下var myNamespace = function(){var Configure = function(){var privateName = "tugenhua";var privateGetName = function(){return privateNa...
1//定义一个javascript类 2function JsClass(privateParam,publicParam){//构造函数 3var priMember = privateParam; //私有变量 4this.pubMember = publicParam; //公共变量 5//定义私有方法 6function priMethod(){7return "priMethod()";8 }9//定义特权方法，特权方法可以访问所有成员10this.privilegedMethod = function(){
11var str = "这是特权方法，我调用了\n";
12 str += " 私有变量：" + priMember +"\n";
1...
Javascript中的数据值有两大类：基本类型的数据值和引用类型的数据值。基本类型的数据值有5种：null、undefined、number、boolean和string。引用类型的数据值往大的说就1种，即Object类型。往细的说有：Object类型、Array类型、Date类型、Regexp类型、Function类型等。当原型对象的属性值为基本类型的数据值时，通过实例对象修改属性值从而引起原型对象的属性值发生变化的情况不会发生。当原型对象的属性值为引用类型的数据值时，通...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>每天一个JavaScript实例-确定web页面的区域</title>
<script>
function size(){var width = 0;var height = 0;if(!window.innerWidth){width = (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth);height = (document.documentElement.clientHeight ? docum...
我们知道在直角坐标系中，圆的方程可描述为： X=R*COS(α) Y=R*SIN(α) 用循环依次取α值为0~2π，计算出X和Y,在canvas画布中将坐标点（X,Y）用线连起来，可绘制出一个圆。编写HTML文件内容如下：<!DOCTYPE html><head><title>圆的绘制</title><script type="text/javascript"> function draw(id) { var canvas=document.getElementById(id); if (canvas==null) return false; v...
实例008 关闭弹出的窗口时，刷新父窗口实例说明关闭弹出的窗口时，同时刷新父窗口，一般用来使父窗口获取最新的数据。技术要点本实例主要应用window.open()语句打开新窗口，并在新窗口中应用opener属性，该属性返回一个引用，用于指定打开本窗口的窗口对象。语法：window.openerwindow.opener.方法window.opener.属性功能：返回的是一个窗口对象。opener属性与打开该窗口的父窗口相联系，当访问子窗口中opener属性...
轮播广告<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html; charset=UTF-8"><title>轮播广告</title><styletype="text/css">.hide{display: none;}#div1{position: absolute;top:50px;left:100px;}#div2{position: absolute;top:155px;left:435px;}a{display:block;float: left;width:15px;height:15px;tex...
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg"><script type="text/javascript">
<
这篇文章主要介绍了javascript计算渐变颜色的实例的相关资料,希望通过本文能帮助到大家更好的学习JavaScript，让大家理解掌握这部分内容，对JavaScript感兴趣的朋友可以参考下本篇文章
