- 博客(58)
- 收藏
- 关注
RSS订阅原创 无缝 上下 滚动
* { padding: 0; margin: 0; } li { list-style: none; line-height: 30px; } #box{ width:200px;
2017-02-28 14:59:55
223
原创 JavaScript的组成—ECMAScript、BOM和DOM
JavaScript 是一种基于 ECMAScript 规范的脚本语言，并在此基础上进行了自己的封装。ECMAScript 不是一种编程语言，仅仅是一种脚本语言规范，由欧洲计算机协会制定和发布，任何基于此规范实现的脚本语言都要遵守它的约定。除了JavaScript，微软发布的 JScript 和 Flash 开发中的 ActionScript 也是基于 ECMAScript 规范的。
2017-02-09 09:16:22
496
原创 jquery ajax 数据渲染
$.ajax({url:"json/data.json",success:function(data){var titinfo=''$.each(data.datatit,function(i,v){titinfo+=''+v.titinfo+'';});$('section .div1').html(titinfo);/**********************
2016-12-06 09:38:43
1417
原创 web存储
.zc,.dl{float:left;width:200px;height:200px;background: cyan;margin-left: 200px;text-align: center;}input{margin-top:20px;}button{margin-top: 10px;}用户名: 密 码:
2016-11-23 09:56:31
192
原创 html5页面下拉刷新
var myScroll= new IScroll('#wrapper',{scrollbars:true,disableMouse:true,disablePointer:true,scrollbars:'custom'});
2016-10-26 09:27:26
595
原创 tab页面切换
$(function(){$('ul li').on('tap',function(){var index = $(this).index();$(this).addClass('on').siblings().removeClass('on');$('section ul li').css({'transition':'transform .5s ease-in','tr
2016-10-11 18:50:34
317
原创 图片无缝轮播
Document*{margin:0;padding: 0;}li{list-style: none;}#scrollPics{ height: 150px; width: 490px; margin-bottom: 10px; position:relative; margin:0 auto;
2016-09-20 14:40:48
448
原创 jquery实现图片轮播
#scrollPics{margin-left: 280px; height: 150px; width: 100%; margin-bottom: 10px; overflow: hidden; position:relative;}.num{ position:absolute;left:380px;top:100px; li
2016-09-18 20:42:21
197
原创 图片轮播
*************************************************************图片轮播js封装库**********************************************************************function getStyle(obj,attr){if(obj.currentStyle){ret
2016-09-13 15:03:17
274
原创 焦点 向上补齐
var n = 0;var timer = null;var contents = document.getElementById('contents');var imgs = contents.getElementsByTagName('li');timer = setInterval(function(){if((imgs.length-1) * -170 == n){
2016-09-12 16:09:20
171
原创 匀速滑动
开始运动var btn = document.getElementById('btn');var box = document.getElementById('box');var timer = null;btn.onclick = function(){move(box,0,10);}function move(obj,iTarget,speeds){va
2016-09-09 14:03:51
303
原创 推拉门
function Tldoor(){this.aa=document.getElementsByClassName('aa');}Tldoor.prototype={change:function(obj1,obj2){for(var i=1;ithis.aa[i].style.left=obj1+(i-1)*obj2+"px"; }},leftchange:
2016-09-09 09:38:26
238
原创 prototype 原型
//prototype 原型String.prototype.caifen=function(){alert(111);}var a='cc';a.caifen();setInterval();1.构造函数function Person(){}//2.原型对象var obj=Person.prototype;obj.name='zs';o
2016-09-08 21:09:25
162
原创 面向对象 创建对象的两种方式
面向对象创建对象的两种方式方法一：var obj={name:'zhangsan',age:20;};方法二：var obj=new Object();obj.name='zhangsan';******************************************************************第一种方式：工厂模式 首字母大写
2016-09-05 19:05:22
345
原创 事件冒泡
var box=document.getElementById('box');var content=document.getElementById('content');//attachEvent事件名称必须有on //IE中使用if(box.attachEvent){box.attachEvent('onclick',function(){alert('box被点击');
2016-09-03 10:32:06
156
原创 数组，元素的偏移量，client获取客户端的宽高，添加滚动条，onscroll滚动事件
数组：一组数据的集合，数组中的数据可以是任何类型。定义时间：new Date(),true第一种定义：var arr=new Array();第二中：var arr=['1','a',new Date(),true];数字的方法：push() arr.push('zhangsan'，'lisi');给数组中追加数据，返回数组的长度//pop()arr.pop()删除数组
2016-09-03 09:39:56
318
原创 函数的定义方式 及 函数的形参与实参
函数的定义方式：1.声明式function test(a,b){ return a+b}alert(test(10,20));2.赋值给变量var ss=function(a,b){ return a+b }alert(ss(10,20));3.构造式函数var test=new Function('a','b','return a+b');al
2016-09-03 09:32:32
317
原创 javascript 获取时间
var time=new Date();time.getHours()时time.getMinutes()分time.getSeconds();秒time.getFullYear();年time.Month()+1;月time.getDate();日
2016-09-03 09:30:57
179
原创 call() apply() 定义一些函数，用于传递和调用
function sum(num1,num2){return num1+num2;}function call1(num1,num2){//call1继承sum方法return sum.call(this,10,20);}function apply1(num1,num2){return sum.apply(this,[20,30]);}alert(call1(
2016-09-03 09:24:44
181
原创 javascript 设置图片时间
function toDou(n){//将十以内的数字转换成两位 if(n return '0'+n; }else{ return ''+n; } } //获取当前时间，并转换为字符串，循环获取字符串并改变节点图片路径 function tick(){
2016-09-02 19:49:20
411
原创 机选一注
//按钮var but=document.getElementById('but');//定义数组var arr1=[];//排序sortfunction sorts(a,b){return a-b;}but.onclick=function(){//循环7位数for(var j=0;j//随机显示1-35；arr1[j]=Math.ceil(Mat
2016-09-02 11:21:25
6022
原创 javascript 创建标签并设置样式
/*动态创建一个div。动态的给div加宽度200px,高度200px，背景色#f00；宽高背景色在div中动态添加一个P标签，内容为Hello Javascript;P标签内容* *///创建divvar div=document.createElement('div'); div.style.width = "200px"; div.styl
2016-09-01 21:38:40
2040
原创 点击切换图片
//左left.onclick=function(){for(var i=0;iimgs[i].style.display='none';}index--;if(indexindex=imgs.length-1;}imgs[index].style.display='block';}//右right.onclick=function(){for(
2016-09-01 16:14:57
293
原创 javascript 隔行变色，九九乘法表
//隔行变色/*var tab1=document.getElementById('tab1');//判断表格是否是空if(tab1!=null){循环计算长度for(var i=0;i//求奇数 1 或偶数 0if(i%2==0){//写出颜色 tab1.rows[i].style.backgroundColor="red";
2016-09-01 09:12:50
1165
原创 求总价
单价：20.3元 总价20.3元 //减function jian(){var num=document.getElementById('num').value;if(num>0){ss=num-1;var dan=20.3;var jian=document.getElementById('num').value=ss;var zj=dan*jia
2016-08-31 16:07:08
230
原创 javascript 创建动态表格
//创建动态表格//创建table节点： document.createElement('table');//行节点 ：上级节点.insertRow();//列节点 ：上级节点.insertCell();//1.创建节点table=document.createElement('table');document.body.appendChild(table);//2
2016-08-31 13:48:58
153
原创 javascript 动态删除表格
var table=document.getElementById('sss');//删除整个tablefor(var i=0;ivar deleteRow = table.deleteRow(0);}
2016-08-31 11:24:48
220
原创 javascript获取节点
window.onload=function(){var a=document.getElementById('p');//var parent = a.parentNode; //获取该节点的父节点//var parent = a.childNodes; //获取该节点的子节点的数组//var parent = a.firstChild; //获取该节点中第一个子节点/
2016-08-30 15:32:17
209
转载 css公共样式
body {text-align: left; font-family:"宋体", arial; margin:0;padding:0; background:#f9f9f9; font-size:12px; color:#666666;}div,form,img,ul,ol,li,dl,dt,dd,input{margin:0; padding:0;border:0; }li,dl{li
2016-08-13 08:40:37
167
转载 html标签
1．跑马灯标签功能...普通卷动...滑动...预设卷动...来回卷动...向下卷动...向上卷动向右卷动向左卷动...卷动次数...设定宽度...设定高度...设
2016-08-11 13:58:14
155
原创 浏览器兼容性
兼容性：1.所有浏览器:height:50px; 2.IE7：*height:50px; 2.IE6：_height:50px; 3.火狐:*height:50px; height:50px !important,FFIe7和ie8兼容：在中加入 一、不同浏览器里，如果不对标签进行样式控制的话，默认会有外边距和内边距的差异。 *{
2016-08-07 07:56:26
338
原创 css样式选择器
元素(标签)名称选择器 元素名称：元素的名称不区分大小写。 h2 {background-color:Green;} Class 类选择器 类名是区分大小写。 .postTitle {background-color: Green;} Id选择器 id是区分大小写。 #title1 {background-color:Blue;bor
2016-08-05 08:22:45
191
原创 css基本操作
清除浮动：margin:0 auto水平居中：text-algin:center;垂直居中：line-height:5px;首行缩进：text-indent:2em字体加粗：font-weight:600;背景图片：background:url(../img/index_29.jpg) no-repeat right;伪类选择器：input:hover{}绝对定位: p
2016-08-05 08:14:41
339
原创 网页添加css样式的方法，一共有四种，分别是：
2 内部样式：div{margin: 0;padding: 0;border:1px red solid;}写在head中;3 外部链接：1 内嵌 ：写在标签中4 外部导入： 在head部分加入@import url(my.css);
2016-08-04 09:03:15
3143
原创 注册后通过邮件激活注册
//用户的注册、激活、登陆、找寻密码 include 'Mail.class.php'; header('content-type:text/html;charset=utf-8'); $act=isset($_GET['act']) ? $_GET['act'] :''; $pdo=new PDO('mysql:host=localhost;dbname=1408phpb
2016-07-27 18:44:30
328
原创 CI框架中163邮箱发送邮件
function email163(){$email=$_POST['email'];$this->load->library('email');$config['protocol'] = 'smtp';$config['smtp_host'] = 'smtp.163.com'; $config['smtp_user'] = '13366234829'; //你的邮箱名称
2016-07-27 14:08:26
2523
原创 jquery调用jsonp接口
if($type=='jsonp'){ $sel=$pdo->query("select * from zhoukao1 where biao like '%$title%'")->fetchAll(); $str=json_encode($sel); $callback=$_GET['callback']; echo $callback."(".$
2016-07-26 17:13:29
373
原创 memcache统计同一数据搜索次数，设置缓存
$mem=new Memcache();$mem->connect('127.0.0.1',11211);//$mem->flush();die;$pho=$_GET['photo'];$num=$mem->get($pho);if($num){//如果关键字已经存在进行加1$num++;//判断这个关键字是否已超过5次if($num>5){//超过5次直接
2016-07-25 21:27:12
527
原创 生成json及xml接口
$pdo=new PDO("mysql:host=127.0.0.1;dbname=rikao",'root','');$pdo->exec('set names utf8');//接收查询的数据$title=isset($_GET['title'])?$_GET['title']:' ';//接收接口类型$type=isset($_GET['type'])?$_GET
2016-07-24 20:23:29
238
原创 memcache搜索分页
$data = $mem->get('data');if($data){ $search=urldecode($search); if($search){ $dat = array(); foreach($data as $key => $val) {
2016-07-19 14:45:42
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人