<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>计算器</title><style>/*Basic reset*/
*{margin:0;padding:0;box-sizing: border-box;font: 14px Arial,sans-serif;}
html{height:100%;background-color:lightslategrey;}#calculator{margin: 15px auto;width:330px;height:400px;border: 1px solid lightgray;background-color:darkgrey;padding:15px;}/*LOGO*/
.LOGO{height:20px;}
.LOGO .name{float:le...
var arr = [10,8,6,9,1,7,1,13,5,1,9];
//冒泡排序function bubbleSort(tmpArr){for(var i = tmpArr.length-1; i > 0; i--){for(var j=0; j<i; j++){if(tmpArr[j] > tmpArr[j+1]){swap(j,j+1);}}}
}function swap(a,b){var tmp = arr[a];arr[a] = arr[b];arr[b] = tmp;
}bubbleSort(arr);
console.log(arr); 原文:https://www.cnblogs.com/ooo888ooo/p/11402559.html
一提到文字上下滚动,我们就会想到用不同的程序去实现,而且页面中有文字滚动会增加这个网页的互动和可信度。1.Js最简单的方法是控制盒子的高度,使不断的重复添加<html><body><head>
/**scroll css**/
#scrolldiv{height: 400px;overflow: hidden;}
</head><div id="scrolldiv" class="scroll"><ul id="scroll1"><li>用户130****0834 刚刚 砸中<span class="yellow">500元京东卡</span> 正在兑换中</li><li>用户176****2746 ...
javaScript代码:var minScale=.3;var maxScale=1;var minSpeed=.01;var maxSpeed=.08;var wind=3;var numFlakes=500;var context;var snowflakeImage= new Image();var snowflakes=[];window.onload = function () { context = document.getElementById("canvas").getContext("2d"); snowflakeImage.src="https://dl.dropboxusercontent.com/u/1256960/ Research/JS/Snowman/snowflake.png"; snowflakeImage.onload=start; on...
注意:以下的输出都在浏览器的控制台中<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>闭包</title>
</head>
<body>
<script type="text/javascript">
/*** 利用闭包实现* 这个函数给对象o增加了属性存储器方法* 方法名称为get<name>和set<name>。如果提供了一个判断函数* setter方法就会用它来检测参数的合法性,然后再存储它* 如果判定函数返回false,setter方法就会抛出一个异常** 这个函数具有getter和setter函数*...
1. 对象冒充 对象冒失是在函数环境中使用this关键字后发展出来的一种继承方式。其原理如下:构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可使ClassA的构造函数成为ClassB的方法,然后调用它。ClassB就会收到ClassA的构造函数中定义的属性和方法。例如,用下面的方式定义ClassA和ClassB: function ClassA (sColor) { this.color = sColor; ...
原文链接:http://www.jb51.net/article/79083.htm<html><head><meta charset="gb2312"><title>隐藏和显示</title><style type="text/css">
#thediv
{width:200px;height:100px;line-height:100px;text-align:center;background-color:green;}</style><script type="text/javascript">function Show_Hidden(obj)
{if(obj.style.display=="block"){obj.style.display=‘none‘;}else{obj.style.display=‘block‘;}
}
window.onload...
一、HTML代码<!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>Scroll Text</title><link rel="stylesheet" type="text/css" href="scrollText.css"></head>
<body><div class="news_root"><div class="news_header">H...
自已做的,本来想在网上找前辈们做的,可是总找不到这种例子,要么找出来的太复杂,要么就没法用,索性自己写了一个.看看还可以用!贡献出来,估计和我一样的菜鸟用的着!<html><style>body{ font-size:9pt;} table,th,td{font-size:9pt;}.lsitTalbe{table-layout:fixed;width:30%;border-collapse:collapse;border-color:#507010;color:#003300;}.pageda{font-family:Webdings;font-size:12pt;color:#CCCCCC;cursor:default;}.pageu...
前面的话 学习如何创建对象是理解面向对象编程的第一步,第二步是理解继承。开宗明义,继承是指在原有对象的基础上,略作修改,得到一个新的对象。javascript主要包括类式继承、原型继承和拷贝继承这三种继承方式。本文是javascript面向对象系列第三篇——实现继承的3种形式 类式继承 大多数面向对象的编程语言都支持类和类继承的特性,而JS却不支持这些特性,只能通过其他方法定义并关联多个相似的对象,如new和instanceof。...
//Author: default7<default7#zbphp.com>
function initCopy($o) {var text = $o.html();if (text) {$o.attr('title', '点击复制 ' + text);new ZeroClipboard($o).on("copy", function (event) {var clipboard = event.clipboardData;clipboard.setData("text/plain", text);alert('复制成功' + text);});}
}ZeroClipboard.config({ moviePath: '/Public/zeroclipboard/dist/ZeroClipboard.swf' });
$('span.key').each(function ...
1、该功能只适用于需要页面自动撑满或缩小到可见区域,并且只对单个主体改变高度的需求。var ResetControl = function (pTask) {var _task = pTask || [],_isLock = false, bindEvent = function(){var me = this;$(window).bind(‘resize.reset‘, function (event) {fire.call(me);if (_task.length === 0) {$(window).unbind(‘resize.reset‘, arguments.callee);}});}, fire = function () {//当前页面可见高度var...
人生短暂,废话不多说,直奔主题!这个小实例的要求:实现在页面中输出99乘法表。(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现;额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色。 嗯,我们一步步来吧!99乘法表的实现,...
C#中有很多易混淆的关键词,例如delegate,Func, Action和 Predicate。Func, Action和 Predicate本质上都是delegate,下面看一下delegate概念。1 delegate概念 delegate本质上就是一个指向函数的指针,可以指向不同的函数,只要函数的签名和代理一致即可。2 delegate应用 其实Func, Action, Predicate等都是delegate,只是特殊的delegate而已。delegate的巧妙应用,可以大大简化代码和提高灵活性。下面有一段Javascript代码,...
本文最初发布于我的个人博客:http://jerryzou.com/posts/jreparser/昨天在看《正则表达式30分钟入门教程》的时候,看到博主自己实现了一个C#写的正则测试器,看上去挺方便的样子。但是我自己又不太喜欢乱装东西,所以寻思着能不能自己实现一个javascript正则表达式测试器。于是几十行代码实现了这样一个正则测试器。先展示一下0.1版本的效果图吧~页面还比较简单,但是基本功能算是有了。可以正常使用~。关于怎么从用户的输入中提取...