关闭
当前搜索:

移动端布局页面实现

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

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

1、jQuery鼠标经过选项卡内容切换代码 引入jQuery库, 主要代码jQuery代码: $('.o-m .ul-o li').hover(function () { var linum = $(this).index() $('.o-m .ul-t li').eq(linum).stop().show().siblings().hide() }) $(function () { ...
阅读(44) 评论(0)

boostrap页面布局以及功能实现

页面涉及html+css+jQuery+boostrap boostrap-布局-实例2 运动风一直流行至今 ...
阅读(28) 评论(0)

完整的boostrap布局页面

实现的效果图 boostrap_01_实例 这是一个boostrap的实例,包括所有的代码 ...
阅读(34) 评论(0)

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

工作中boostrap常用实例-主要功能总结...
阅读(52) 评论(0)

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

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

“里里外外”的ajax

1、ajax主要是做什么? 数据交互 2、ajax流程(模拟):打开浏览器、在地址栏输入地址、提交、等待服务器返回内容 “打开浏览器” 创建一个对象:var xhr = new XMLHttpRequest(); 但是有个兼容问题,仅限ie7之上,所以ie6以下版本,用ActiveXObjext的一个插件,Microsofe.XMLHTTP。 解决方法: try{         ...
阅读(48) 评论(0)

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

思路: 1、先设置所以得选项的className为空,内容部分display:none; 2、当点击的时候,选项的className显示active,内容部分display:block; 原生js部分: body{ margin:0; padding:0;} .active{ background:red;} ul{ margin:0; padding:0; padding-b...
阅读(54) 评论(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:30px;border:1px solid #000; vertical-align:top;} p...
阅读(71) 评论(0)

未知宽高img的居中问题

.box{ width:800px;height:600px;border:2px solid #000; text-align:center;} span{ display:inline-block; height:100%; vertical-align:middle;} img{ vertical-align:middle;} 兼容ie6,7和标准版本 第二种方法,...
阅读(49) 评论(0)

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

HTML部分 1、结构样式:width、height、background、border、padding、margin; 2、复合属性:background、border、padding、margin、font background:url(/img.jpg) no-repeat(repeat-x/y) x轴(left、center、right) y轴 fixed(是否滚动-at...
阅读(122) 评论(0)

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

系统时间对象 window.onload = function(){ var oBody = document.body; var oP = document.getElementById('time'); //系统时间对象 //var time = new Date(); //alert( time ); //myTime typeof object function fnTime(){ v...
阅读(34) 评论(0)

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

定时器制作图片自动切换 ul{ margin:0; padding:0;} li{ list-style:none;} img{ border:none; vertical-align:top;} body{ background:#ccc;} #pic{ width:300px; height:400px; margin:40px auto; background:#fff; position...
阅读(60) 评论(0)

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

基础延迟定时器 #qq{ width:200px; height:500px; background:#ccc;} #pop{ width:100px; height:100px; background:#fc3; position:absolute; left:220px; top:10px; display:none;} window.onload =function(){ var...
阅读(31) 评论(0)

index首页布局

商务网站 DD_belatedPNG.fix('*'); 切换城市: 北京 上海 苏州 南京 深圳 香港 天气预告 | 环境情况 理财 直播 海淘 ...
阅读(110) 评论(0)

tab切换

源于之前根据jQuery写的js库。 原理:1、通过find方法获取需求的子元素(aLI、aCont(内容));             2、aLI(目标元素),通过click方法,将aLI的attr中的className全部设置成鼠标未经过的样式(link),并设置当鼠标经过时的样式(hover);            3、设置内容隐藏hide(),然后设置所在内容索引值的那个内容显示s...
阅读(57) 评论(0)

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

主要来理解jQuery中的一些常用方法,涉及click()、show()、hide()、hover()、css()、 attr()、toggle()、eq()、find()、index(); 1、第一步:获取页面中元素function VQuery(vArg) //参数可以使fn,oArg(对象),sArg(字符串),所以设置vArg 可以三个当中的任何一种参数 { //elem...
阅读(59) 评论(0)
    个人资料
    • 访问:965次
    • 积分:172
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档