js倒计时按钮



js倒计时按钮

这次是真的可以用的倒计时按钮了！
效果图：
js倒计时按钮
静态页代码就很简单了，<input type=”button” value=”确定” id=”rulesubmit” />
js代码如下：
<script type=”text/javascript”>
var secs = 3;
var wait = secs * 1000;
var update = function(num, value){
if (num == (wait/1000)){
$(“#rulesubmit”).val(“免费获取”);
}
els[......]

Read more

CSS3转换和过渡



CSS3转换和过渡

先记住几个属性
transform:translate(x,y);//平移,x代表向又移动距离，y代表向下移动距离
transform:scale(x,y);//缩放，x代表水平缩放倍数，y代表垂直缩放倍数
transform:rotate(x);//旋转，x代表顺时针旋转多少度，如rotate(10deg)
transform:skew(x,y);//倾斜，x\y分别代表沿x轴和y轴的倾斜

动画过渡
transition-property列出元素应该过渡的CSS属性，可过度属性包括背景、边框和方框模型属性。
transition-duration设[......]

Read more

CSS3实现发光的边框效果

CSS3实现发光的边框效果

有些网站中的input输入框选中时，可以看到边框发亮的渐变效果，由于需要，这里要做一个块的边框发亮效果，如图所示。

用CSS3实现发光的边框效果

CSS代码如下：

@-webkit-keyframes  shineRed {

from { -webkit-box-shadow: 0 0 5px #bbb; }

50% { -webkit-box-shadow: 0 0 10px red; }

to { -webkit-box-shadow: 0 0 5px #bbb; }

}

@-webkit-keyframes shineBlue {[......]

Read more

javascript阻止按钮重复点击

阻止按钮重复点击 这里提供两种不同情况下的阻止重复点击解决方案。

  1. 按钮BUTTON类
  2. a标签类
对于第一类情况，button有一个属性是disabled控制其是否可以点击,看代码：
<input type=”button” value=”Click” id=”subBtn”/>
<script type=”text/javascript”>
function myFunc(){
    //code
    //执行某段代码后可选择移除disabled属性，让button可以再次被点击
    $(“#subBtn”).remove[......]

Read more

HTML5遍历localStorage数据

HTML5遍历localStorage数据主要用到localStorage的两个方法lenght和key。

length表示localStorage中保存的数据总量，key表示保存数据时的键名项，该属性通常与索引号配合使用，表示第几条键名对应的数据记录，索引号是以0开始。
【清除localStorage中的数据用localStorage.clear()方法】
小例子，如图，做一个点击发表按钮将内容存入localStorage中，然后实时填充到上门的表格中。
  • 获取数据并存储
$(function(){
    //定义一个全局变量ID，用于编号发布信息的[......]

Read more

HTML5中使用JSON对象存取数据

HTML5中使用JSON对象存取数据HTML5中可以通过localStorage数据与JSON对象的转换，快速实现存储更多数据的功能。

  • 将localStorage数据转成JSON对象，需要调用JSON对象的parse()方法，JSON.parse(data)。其中data就是localStorage对象获取的数据，调用该方法将返回一个装载data数据的JSON对象。
  • 通过stringify()方法，将一个实体对象转换为JSON格式的文本数据，JSON.stringify(obj)。obj表示任意一个实体对象，该方法返回一个由实体对象转成JSON格式的文本数据集。
如图，要[......]

Read more

HTML5–Web SQL数据库基础

HTML5–Web SQL数据库基础Web Storage存储本地数据的方法目前可以在许多主流浏览器、平台与设备上实现，与之相关的API也已经标准化，但是，Web Storage存储空间是有5MB，键值存储的方式带来诸多不便，未来本地存储也不仅仅是这一中方法。其中最为熟知的就是Web SQL数据库，它内置SQLite数据库，对数据库的操作可以通过调用executeSql()方法实现，允许使用JavaScript代码控制数据库。

打开与创建数据库
如果要通过WebDb进行本地数据的存储，首先需要打开或创建一个数据库，打开或创建数据库的API是openDatabase,其调用的代码如[......]

Read more

如何用syntaxhighlighter显示高亮代码

如何用syntaxhighlighter显示高亮代码先去 http://alexgorbatchev.com/SyntaxHighlighter/download/ 下载syntaxhighlighter最新版本3.0.83这个插件。

  • 在页面引入核心js和css，这里我要对js代码高亮，所以引用了JScript.js这个文件。
<link rel=”stylesheet” type=”text/css” href=”css/SyntaxHighlighter.css”/>
<script type=”text/javascript” src=”[......]

Read more

CSS3渐变按钮

CSS3渐变按钮

效果图：
CSS3渐变按钮

HTML代码：

<a class=”button white” href=”#”>jquery图片特效</a>
<a class=”button grey” href=”#” >jquery导航菜单</a>
<a class=”button pink” href=”#” >jquery选项卡特效</a>
<a class=”button orange” href=”#” >jquery文字特效</a>
<a class=[......]

Read more

JSON.parse和eval的区别

JSON.parse和eval的区别

JSON(JavaScript Object Notation)是一种轻量级的数据格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是Javascript原生格式，这意味着在javascript中处理JSON数据不需要任何特殊的API或工具包，而且效率非常高。
基本格式：
varjsonData=’{“data1″:”Hello,”,”data2″:”world!”}’
调用方法jsonData.data1,jsonData.data2
很多json数据存入数组
var jsonData=[
{"name":"LiL[......]

Read more