‘行万里路’---工作中整理的实例
文章平均质量分 84
weixin_37460170
世上无难事只怕有心人
展开
-
tab切换
源于之前根据jQuery写的js库。原理:1、通过find方法获取需求的子元素(aLI、aCont(内容)); 2、aLI(目标元素),通过click方法,将aLI的attr中的className全部设置成鼠标未经过的样式(link),并设置当鼠标经过时的样式(hover); 3、设置内容隐藏hide(),然后设置所在内容索引值的那个内容显示s原创 2017-09-08 16:38:36 · 208 阅读 · 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原创 2017-09-19 09:36:48 · 449 阅读 · 0 评论 -
index首页布局
商务网站DD_belatedPNG.fix('*'); 切换城市: 北京 上海 苏州 南京 深圳 香港 天气预告 | 环境情况 理财 直播 海淘原创 2017-09-11 15:25:22 · 624 阅读 · 0 评论 -
工作中boostrap常用实例-主要功能总结
工作中boostrap常用实例-主要功能总结原创 2017-10-11 14:11:49 · 484 阅读 · 0 评论 -
完整的boostrap布局页面
实现的效果图boostrap_01_实例 这是一个boostrap的实例,包括所有的代码原创 2017-10-11 15:00:45 · 1838 阅读 · 0 评论 -
boostrap页面布局以及功能实现
页面涉及html+css+jQuery+boostrapboostrap-布局-实例2 运动风一直流行至今原创 2017-10-11 15:11:52 · 854 阅读 · 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 () {原创 2017-10-11 17:06:01 · 428 阅读 · 0 评论 -
jquery实例以及常用jQuery主要功能实现
1、页面分析、规划(页面的目录划分,结构样式分离:创建样式表,js文件以及ico图标)2、模块化搭建页面结构原创 2017-10-11 13:30:10 · 505 阅读 · 0 评论 -
移动端布局页面实现
目前在的手机的大小有很多,所以要做到页面适应每一个手机页面,不仅麻烦,而且不利于后期维护。解决方法: var pixclPatio = 1 / window.devicePixelRatio; document.write(''); var html = document.getElementsByTagName('html')[0]; var pageWidth = html.g原创 2017-10-13 14:20:17 · 528 阅读 · 0 评论