随笔分类 - JavaScript
摘要:用JavaScript实现简单计算器网页,如果点击运行没反应,刷新一下即可。 <style> /* 主体 */ .counter{ width: 396px; height: 486px; background-color: #F2F2F2; border: 1px solid #C2C3C6; m
阅读全文
摘要:// <![CDATA[ window.onload = function(){ var TipBox = document.getElementById("tipCon"); var CloseBtn = document.getElementById("closeBtn"); CloseBtn.
阅读全文
摘要:<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" co
阅读全文
摘要:function box(){ document.getElementById("click").style.WebkitTransform="scale(1.2)"; } function jiao(){ document.getElementById("click").style.WebkitT
阅读全文
摘要:啧啧啧,又到月末了,时间过的真的好快啊︿( ̄︶ ̄)︿现在没课上,天天宅在寝室就这么三件事:吃饭睡觉打豆豆。真感无所事事,无聊至极!突然好怀念那些上课的日子啊!至少不像现在,生活状态全部都搅乱了:以前可以按时吃饭睡觉,现在吃饭基本不按点,睡觉时间也是晚睡晚起了,发现自己懒了好多啊。这样下去是不行的,我
阅读全文
摘要:为了弄这个Hexo,今天又是坐在电脑面前待了一天( ⊙ o ⊙ ),老是出问题,在百度上也试验了很多方法,还是没弄好,诶。。。身心疲惫甚是乏累啊~~~ 算了,这个Hexo先不弄,还是安分点吧,在Hexo上感觉浪费了很多的时间,毕竟Hexo对我来说还是高大尚的东西,适可而止。 好了!我还是好好搞自己基
阅读全文
摘要:把聊天室的界面先做好,主代码(现在还只能单机模式・_・): 编辑内容,点击发送可以发送消息:\(^o^)/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript之聊天室设计模拟</title>
阅读全文
摘要:num.push(x,y); 动画草图(举个栗子,我们把数字“2”给画出来): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
阅读全文
摘要:本文参阅http://www.appelsiini.net/projects/lazyload Javascript Lazyload延迟加载特效,有效降低HTPP连接次数,提高首屏加载时间 1、增加了图片预加载可选 2、修改了图片本身就在可视范围的时候直接显示而不需要滚动条触发 3、修改了Spli
阅读全文
摘要:给一个div添加颜色,使其产生渐变效果,我们设置index为变量,使用setInterval函数方法改变rgb颜色值。 我们来直观效果图:
阅读全文
摘要:在JavaScript动画中,我们调用setInterval函数(setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象),值得注意的是:setInterval它设置的时间间隔小于动画帧速(如每秒10帧,相当于100毫秒). 举个栗子: 那么show1会连续出现两次之后
阅读全文
摘要:首先什么是JSON? JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言 JSON 具有自我描述性,更易理解 JSON 使用 JavaScript 语法来描述数据对象,但是 JSON
阅读全文
摘要:1.冒泡排序循环的最大值从length递减每次循环只能排好最后一个,然后递减到第一个 2.选择排序外循环 j选取当前元素 到length-1内循环 j+1开始 到length 逐个比较出最小值min交换 min 和 a[j] 3.插入排序(和冒泡相反)从下标1开始 往后选择直到最后每个选中的和他前面
阅读全文
摘要:使用Javascript之图片上传预览,我们无需上传到服务器中,兼容所有浏览器。 关键方法是使用微软库filter:progid:DXImageTransform.Microsoft.AlphaImageLoader来生成本地图片预览图的。 <!DOCTYPE html> <head> <meta
阅读全文
摘要:Javascript在Web服务器端执行原理: 1.客户端请求数据,即我们在上网时在地址栏中输入某个网址,浏览器接收到数据之后,向远程web服务器发送请求报文。 2.web服务器响应请求,web服务器找到请求的数据,并将整个HTML页面包含javascript的脚本代码作为相应内容,返回数据发送到客
阅读全文
摘要:我们来做一个小球运动的例子:在这个demo中,我们要求连续多次点击小球“开始”按钮,小球运动速度就越来越快。但是还是不完美存在BUG的,经过多次点击“开始”按钮再点击"停止"按钮就停不下来了,这或许是小球移动事件的冲突吧。 <!DOCTYPE html> <head> <meta http-equi
阅读全文
摘要:在手机上运行触屏拖动时,我发现页面并没有反应,服务器端执行javascript在手机端与电脑端不能“相同式”实现(电脑端运行正常,而手机端不一样),这是为甚么呢? 首先,我们都知道javascript本身就是一门脚本语言,而脚本语言通常是用来调用接口和功能的(本身也具有高级语言的特性)。 正是由于这
阅读全文
摘要:<meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Javascript日历</title> <table cellpadding="0" cellspacing="0" id="1"> <tr> <t
阅读全文
摘要:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;
阅读全文
摘要:我没有添加任何东西,这是Dreamweaver原汁原味用spry创建的菜单栏,以此来学习菜单导航,哈哈。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x
阅读全文