排序:
默认
按更新时间
按访问量

移动端布局页面实现

目前在的手机的大小有很多,所以要做到页面适应每一个手机页面,不仅麻烦,而且不利于后期维护。 解决方法: var pixclPatio = 1 / window.devicePixelRatio; document.write(''); var html = document.getEl...

2017-10-13 14:20:17

阅读数:113

评论数:0

工作中jQuery常用实例-主要功能总结整理

1、jQuery鼠标经过选项卡内容切换代码 引入jQuery库, 主要代码jQuery代码: $('.o-m .ul-o li').hover(function () { var linum = $(this).index() $('.o-m .ul-t li').eq(linum)....

2017-10-11 17:06:01

阅读数:112

评论数:0

boostrap页面布局以及功能实现

页面涉及html+css+jQuery+boostrap boostrap-布局-实例2 ...

2017-10-11 15:11:52

阅读数:87

评论数:0

完整的boostrap布局页面

实现的效果图 boostrap_01_实例 这是一个boostrap的实例,包括所有的代码 ...

2017-10-11 15:00:45

阅读数:123

评论数:0

工作中boostrap常用实例-主要功能总结

工作中boostrap常用实例-主要功能总结

2017-10-11 14:11:49

阅读数:146

评论数:0

jquery实例以及常用jQuery主要功能实现

1、页面分析、规划(页面的目录划分,结构样式分离:创建样式表,js文件以及ico图标) 2、模块化搭建页面结构

2017-10-11 13:30:10

阅读数:83

评论数:0

“里里外外”的ajax

1、ajax主要是做什么? 数据交互 2、ajax流程(模拟):打开浏览器、在地址栏输入地址、提交、等待服务器返回内容 “打开浏览器” 创建一个对象:var xhr = new XMLHttpRequest(); 但是有个兼容问题,仅限ie7之上,所以ie6以下版本,用ActiveXOb...

2017-09-20 15:24:49

阅读数:63

评论数:0

日常常用功能-tab切换-原生js和jQuery两种写法,同一思路

思路: 1、先设置所以得选项的className为空,内容部分display:none; 2、当点击的时候,选项的className显示active,内容部分display:block; 原生js部分: body{ margin:0; padding:0;} .active{ ...

2017-09-19 09:36:48

阅读数:245

评论数:0

列表文字溢出

1、li不浮动时,li里面内容浮动,产生li与li之间的间隙问题; 2、文字溢出问题 ul{width:302px; margin:0;padding:0; list-style:none;} li{ height:30px; font-size:12px; line-height...

2017-09-11 16:20:01

阅读数:99

评论数:0

未知宽高img的居中问题

.box{ width:800px;height:600px;border:2px solid #000; text-align:center;} span{ display:inline-block; height:100%; vertical-align:middle;} img{ verti...

2017-09-11 16:06:02

阅读数:69

评论数:0

html部分(包括浏览器的兼容)知识总结

HTML部分 1、结构样式:width、height、background、border、padding、margin; 2、复合属性:background、border、padding、margin、font background:url(/img.jpg) no-repeat...

2017-09-11 15:58:35

阅读数:180

评论数:0

图片倒计时实现原理--js

系统时间对象 window.onload = function(){ var oBody = document.body; var oP = document.getElementById('time'); //系统时间对象 //var time = new Date(); //alert( ...

2017-09-11 15:47:55

阅读数:66

评论数:0

定时器-自动切换焦点图--js

定时器制作图片自动切换 ul{ margin:0; padding:0;} li{ list-style:none;} img{ border:none; vertical-align:top;} body{ background:#ccc;} #pic{ width:300px; height...

2017-09-11 15:45:08

阅读数:138

评论数:0

基础延迟定时器原理--js

基础延迟定时器 #qq{ width:200px; height:500px; background:#ccc;} #pop{ width:100px; height:100px; background:#fc3; position:absolute; left:220px; top:10px;...

2017-09-11 15:43:07

阅读数:67

评论数:0

index首页布局

商务网站 DD_belatedPNG.fix('*'); 切换城市: 北京 上海 苏州 南京 深圳 香港 天气预告 | ...

2017-09-11 15:25:22

阅读数:193

评论数:0

tab切换

源于之前根据jQuery写的js库。 原理:1、通过find方法获取需求的子元素(aLI、aCont(内容));             2、aLI(目标元素),通过click方法,将aLI的attr中的className全部设置成鼠标未经过的样式(link),并设置当鼠标经过时的样式(hov...

2017-09-08 16:38:36

阅读数:88

评论数:0

源于jQuery来理解实现原理---第一篇

主要来理解jQuery中的一些常用方法,涉及click()、show()、hide()、hover()、css()、 attr()、toggle()、eq()、find()、index(); 1、第一步:获取页面中元素function VQuery(vArg) //参数可以使fn,oArg...

2017-09-08 16:24:22

阅读数:112

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭