web前端
Cc_JoJo
关注我简书 曹后成
展开
-
html+css+js实现选项卡切换
html+css+js选项卡效果如下:一、Html页面布局Html页面布局由三个按钮(input)和三个div组成,三个按钮中总有一个当前按钮(高亮),三个div放内容,三个div都是隐藏只有一个显示;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm原创 2017-05-23 16:13:11 · 7695 阅读 · 0 评论 -
Div在设置了浮动的情况下水平居中
div为浮动后再去添加margin:auto原创 2017-06-08 14:12:10 · 28999 阅读 · 3 评论 -
jQuery全屏banner焦点图切换
Query全屏banner焦点图切换原创 2017-07-03 11:09:41 · 1421 阅读 · 0 评论 -
清除浮动的原理和方法
清除浮动的原理和方法转载 2017-07-04 23:17:02 · 259 阅读 · 0 评论 -
jquery全解(1)
jquery的使用原创 2017-06-15 16:06:31 · 215 阅读 · 0 评论 -
使div水平、垂直居中
将要设置居中的元素上 、右、下、左 都设为0,再将margin值设为水平垂直居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .main{ /*必须有position:relative;*/原创 2017-07-18 13:47:23 · 243 阅读 · 0 评论 -
进度导航
效果图 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .li1{ display:inline-block; position:relative;原创 2017-07-18 15:22:51 · 463 阅读 · 0 评论 -
无缝滚动条目
无缝滚动原创 2017-06-02 16:13:36 · 362 阅读 · 0 评论 -
jquery全解(2)
jquery全解2原创 2017-06-16 16:46:55 · 251 阅读 · 0 评论 -
延时提示框
延时提示框原创 2017-06-01 15:32:54 · 350 阅读 · 0 评论 -
JS简易日历
JS简易日历实现思路:——类似选项卡,只是只有一个div负责显示内容 ——使用到innerHTML数组的使用——定义:arr=【1,2,3】 ——使用:arr【0】效果预览html页面布局<body><div id="main" class="calender"> <ul> <li class="active"><h2>1</h2> <p>Jan</p></li> <li>原创 2017-05-24 21:58:52 · 479 阅读 · 0 评论 -
JavaScript基础知识
JS组成ECMAScript(解释器:把我们的语言解释给计算器)核心DOM(Document Object Model)赋予了js操作html的能力 documentBOM(Browse Objectr Model)操作浏览器(例如谈窗口等和浏览器打交道的操作) window兼容性 ECMA 几乎没有兼容问题DOM 有一些操作不兼容BOM 无兼容问题(完全不兼容)变量原创 2017-05-26 00:04:05 · 406 阅读 · 0 评论 -
获取非行间样式
获取非行间样式原创 2017-05-31 13:38:27 · 568 阅读 · 0 评论 -
arguments
arguments 使用原创 2017-05-31 10:23:06 · 236 阅读 · 0 评论 -
数组的添加和删除
数组的添加删除操作原创 2017-05-31 14:10:38 · 604 阅读 · 0 评论 -
数组的连接、拼接、排序
js数组的连接、拼接、排序原创 2017-05-31 15:10:11 · 4548 阅读 · 0 评论 -
js定时器的使用
js定时器原创 2017-05-31 15:37:56 · 628 阅读 · 0 评论 -
DOM基础-1
DOM基础原创 2017-06-05 15:56:38 · 192 阅读 · 0 评论 -
定时器实现数码时钟
时钟原创 2017-06-01 13:56:04 · 582 阅读 · 0 评论 -
swiper cube效果不全屏问题
问题: 在使用swiper切换效果Effects->cube(方块)的时候会发现在移动端ios和android上展示效果不同(iphone中的Slide不满全屏) 效果对比 android: ios: 解决方案: 修改swiper.js中代码.transform(("translate3d(0px,0," + zFactor + "px) rotateX改为...原创 2018-05-31 10:40:39 · 2117 阅读 · 1 评论