html
敲出真谛
这个作者很懒,什么都没留下…
展开
-
js实现放大镜效果
本片博客的技术栈涉及布局中的offsetxx相关的操作和子绝父相的小技巧使用,以及要想使用top/left必须使用定位等思想。 代码如下: <!DOCTYPE html> <!--create by ydj on 2018-08-12--> <html> <head> <meta charset="UTF-8"> <..原创 2018-08-12 13:29:49 · 3615 阅读 · 0 评论 -
js实现拖动的水平条
理解拖动的原理,鼠标先按下再移动,鼠标抬起停止拖动。 代码如下: <!DOCTYPE html> <!--create by ydj on 2018-08-12--> <html> <head> <meta charset="UTF-8"> <title>拖动的水平条</title&g原创 2018-08-12 15:23:17 · 2867 阅读 · 1 评论 -
js实现筋斗云效果
理解缓动动画的原理 <!DOCTYPE html> <!--create by ydj on 2018-08-12--> <html> <head> <meta charset="UTF-8"> <title>筋斗云</title> <style>原创 2018-08-12 15:59:31 · 2310 阅读 · 4 评论 -
js实现垂直滚动条
滚动条长度的计算公式 = 容器的高度/内容的高度*容器的高度 图例如下 滚动条滚动一次,内容移动的距离 = (内容的高度 - 容器的高度)/(容器的高度 - 滚动条高度)*滚动条移动的距离 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title...原创 2018-08-12 17:35:12 · 6515 阅读 · 1 评论 -
js实现点击空白处隐藏
技术栈涉及阻止冒泡的方法和怎样判断点击的是当前对象,都是一些工作中比较常用的知识点。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style&am原创 2018-08-12 21:26:22 · 5098 阅读 · 1 评论 -
jQuery仿淘宝精品服饰广告的实现
技术栈涉及 隐式迭代的遍历 筛选选择器 和为元素排序等 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>仿淘宝精品服饰广告/title> <style> *{ margin: 0;原创 2018-08-18 22:33:33 · 703 阅读 · 0 评论 -
前端面试杂技 --- 攻克前端面试 (html&css)
1.在下列的 HTML 中,哪个可以添加背景颜色?() A.<body color="yellow"> B.<background>yellow</background> C.<body bgcolor="yellow"> 2.在下列的 HTML 中,哪个可以插入背景图像?() A.<body background="backgr...原创 2019-04-03 14:54:50 · 6639 阅读 · 1 评论