随笔分类 -  练习

不定时练习前端知识
6.用class封装选项卡
摘要：没什么好说的 自己做的 需要注意的是在点击事件中this会被转化为当前的点击元素 我们需要用bind(this)强制把this转换回来 成为class中的this <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选项卡</tit 阅读全文
posted @ 2021-09-02 15:32 轻痕微凉 阅读(108) 评论(0) 推荐(0)
5.图片循环播放
摘要：css /* http://www.zhinengshe.com/ - coding: leo - QQ: 20907961 - time: 2010/8/28 */ * { padding: 0; margin: 0; } li { list-style: none; } img { border 阅读全文
posted @ 2021-08-26 19:38 轻痕微凉 阅读(65) 评论(0) 推荐(0)
4.用jQuery写选项卡
摘要：有点简单阿 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2021-08-19 14:34 轻痕微凉 阅读(93) 评论(0) 推荐(0)
3.封装选项卡
摘要：前两天写了一个简易的选项卡 封装一下 暂时没发现有什么好处 等以后做的东西多了再说 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content 阅读全文
posted @ 2021-08-09 20:25 轻痕微凉 阅读(66) 评论(0) 推荐(0)
2.做一个元素拖拽
摘要：普通方式的元素拖拽可以用鼠标按下时间触发 元素拖动时移动 鼠标抬起时结束 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE= 阅读全文
posted @ 2021-07-26 19:39 轻痕微凉 阅读(72) 评论(0) 推荐(0)
1.做一个简单的选项卡
摘要：做一个简单的选项卡，类似于天气周一是什么天气周二是什么天气，点击哪天哪天下面的面板就会出现相应的内容。 html内容为 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C 阅读全文
posted @ 2021-07-21 16:48 轻痕微凉 阅读(111) 评论(0) 推荐(0)