- 博客(96)
- 收藏
- 关注
RSS订阅转载 Jquery鼠标悬停按钮图标动态变化效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>jQuery仿淘宝icon动画图标特效</title></head><style type="text/css">*{padd...
2017-07-06 00:40:00
503
转载 前端程序员应该知道的 15 个 jQuery 小技巧
下面这些简单的小技巧能够帮助你玩转jQuery。返回顶部按钮预加载图像检查图像是否加载自动修复破坏的图像悬停切换类禁用输入字段停止加载链接切换淡入/幻灯片简单的手风琴让两个div高度相同在新标签页/窗口打开外部链接通过文本查找元素在改变Visibility时触发AJAX调用错误处理链式插件调用返回顶部按钮通过...
2017-07-03 23:14:00
126
转载 扑克牌效果
HTML部分内部<div id="projects"> <!--grid网格--> <div class="grid"> <!--project项目--> <div class="projects"> <!--1--> <div class...
2017-07-03 22:49:00
138
转载 Jquery版放大镜效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style> *{margin:0;padding:0;list-style: ...
2017-04-24 21:18:00
107
转载 jquery版手风琴效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * {padding: 0;margin: ...
2017-04-24 11:02:00
111
转载 jquery版右下角弹窗效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .ad { position: fixed;...
2017-04-24 10:53:00
96
转载 jquery版tab切换效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { mar...
2017-04-24 10:37:00
133
转载 javascript原生360 开机小动画
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box{ width: 322px; ...
2017-03-31 15:14:00
406
转载 原生手风琴效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{list-style: none} *{marg...
2017-03-31 14:58:00
108
转载 根据窗口尺寸onresize判断窗口的大小
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script src="jq.js"></scr...
2017-03-31 11:38:00
570
转载 缓冲运动框架
/** * Created by Lenovo on 2016/9/11. */function show(ele){ ele.style.display = "block";}/** * 获取元素样式兼容写法 * @param ele * @param attr * @returns {*} */function getSt...
2017-03-31 11:36:00
83
转载 javascript图片放大镜效果展示
javascript图片放大镜效果展示<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { ...
2017-03-29 15:07:00
143
转载 鼠标跟随效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { height: 5000px; ...
2017-03-28 17:16:00
120
转载 拖拽效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; ...
2017-03-28 15:57:00
156
转载 js版本下拉菜单
<!doctype html><html><head><meta charset="utf-8"><title>js版本下拉菜单</title><style>*{ margin:0; padding:0; list-style:none;}a{ text-decorat...
2017-03-27 16:16:00
95
转载 模拟滚动条效果
1.HTML部分页面<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin:...
2017-03-27 00:31:00
96
转载 楼层跳跃
1.前端页面布局<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0...
2017-03-24 00:55:00
313
转载 client三大家族区别（三大家族总结）
目录 目录 2今日内容： 4第1章 第三大家族client 41.1 主要成员 41.2 三大家族区别（三大家族总结） 51.2.1 Width和height 51.2.2 top和left 51.3 client家族特殊用法之:检浏览器宽/高度(可视区域) 61.4 Onresize事件 61.5 案例...
2017-03-23 10:39:00
209
转载 回到页面顶部（带缓冲动画）
前台页面HTML<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> img { position:...
2017-03-22 23:53:00
193
转载 对联广告
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .img1 { positio...
2017-03-22 18:41:00
83
转载 导航部分顶起部分
1.html部分<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0...
2017-03-22 17:54:00
136
转载 JavaScript 特效之四大家族（offset/scroll/client/event）
JS四大家族三大系列：offset、scroll、client事件对象：event（事件被触动时，鼠标和键盘的状态）（通过属性控制）三大系列都是以DOM元素节点的属性形式存在的。类比访问关系，也是以属性形式存在。不同点在于，访问关系是为了获取其他节点，而三大系列是为了获取元素节点更多的信息。1. offset 系列...
2017-03-22 16:55:00
79
转载 带动画的导航
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; ...
2017-03-22 16:16:00
94
转载 缓冲运动的简单封装
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><style> div { width: 100px; hei...
2017-03-22 15:45:00
108
转载 左右焦点轮播图/幻灯片
<!doctype html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <s...
2017-03-21 23:14:00
145
转载 案例-滑动焦点图
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; ...
2017-03-21 16:01:00
175
转载 动画封装(最终版)
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box1 { margin: 0; ...
2017-03-21 14:21:00
143
转载 06-动画封装
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box1 { margin: 0; ...
2017-03-21 14:18:00
66
转载 05-体验动画
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 100px; ...
2017-03-21 14:17:00
57
转载 04-offsetLeft和style.left的区别
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box1 { width: 300px; ...
2017-03-21 14:16:00
96
转载 03-offsetParent属性
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <div class="box1" style="posi...
2017-03-21 14:15:00
60
转载 02-offsetLeft和offsetTop
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box1 { width: 300px; ...
2017-03-21 14:15:00
59
转载 01-offsetWidth和offsetHeight
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 100px; ...
2017-03-21 14:14:00
63
转载 百度换皮肤效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ...
2017-03-20 17:16:00
115
转载 tab栏切换效 简易效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; ...
2017-03-20 16:43:00
94
转载 tab栏切换效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ...
2017-03-20 16:30:00
100
转载 美女相册
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { ...
2017-03-19 21:39:00
169
转载 11-冒泡排序
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> var arr = [7,6...
2017-03-19 15:13:00
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人