2018 年 10月 2 日随笔档案 - xxcxxc

2018年10月2日

摘要： Bootstrap CSS 一、Bootstrap CSS概览移动设备优先移动设备优先是 Bootstrap 3 的最显著的变化。在之前的 Bootstrap 版本中（直到 2.x），您需要手动引用另一个 CSS，才能让整个项目友好的支持移动设备。现在不一样了，Bootstrap 3 默认的阅读全文

posted @ 2018-10-02 23:27 xxcxxc 阅读(382) 评论(0) 推荐(1)

1.Bootstrap简介

摘要： Bootstrap简介 BootstrapAPI: https://v3.bootcss.com Bootstrap优点：响应式布局，一个框架，多种设备适用 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap，阅读全文

posted @ 2018-10-02 23:13 xxcxxc 阅读(256) 评论(0) 推荐(1)

25.选项卡效果

摘要：效果图：阅读全文

posted @ 2018-10-02 23:08 xxcxxc 阅读(411) 评论(0) 推荐(1)

24.盒子拖拽功能实现

摘要：阅读全文

posted @ 2018-10-02 23:07 xxcxxc 阅读(154) 评论(0) 推荐(1)

23.each和map函数

摘要：输出结果：阅读全文

posted @ 2018-10-02 23:06 xxcxxc 阅读(134) 评论(0) 推荐(1)

22.仿淘宝五角星评论（链式编程、隐式迭代）

摘要：试玩（淘宝案例在下面）：效果：仿淘宝五角星案例：效果： star1： star2: star3: 阅读全文

posted @ 2018-10-02 23:05 xxcxxc 阅读(242) 评论(1) 推荐(1)

20.事件类型和鼠标按键的类型，键盘按键

摘要：阅读全文

posted @ 2018-10-02 23:04 xxcxxc 阅读(358) 评论(0) 推荐(0)

19.阻止事件冒泡e.stopPropagation();

摘要：如果不加e.stopPropagation();就会产生冒泡事件，点击链接，就会弹框，如果加了，就不会弹框阅读全文

posted @ 2018-10-02 23:03 xxcxxc 阅读(185) 评论(0) 推荐(0)

17.鼠标跟随效果

摘要：阅读全文

posted @ 2018-10-02 23:02 xxcxxc 阅读(116) 评论(0) 推荐(1)

18.阻止默认操作e.preventDefault();防止冒泡事件：e.stopPropagation()

摘要：一、加了e.preventDefault();会阻止a标签默认的点击跳转效果二、加event.stopPropagation()防止冒泡事件; 三、如果想要事项既要阻止默认事件又要防止冒泡，那可以直接写两个，不过还有一个更简洁的方法，就是直接写return false; 如：阅读全文

posted @ 2018-10-02 23:02 xxcxxc 阅读(413) 评论(0) 推荐(0)

16.两侧跟随广告

摘要：阅读全文

posted @ 2018-10-02 23:01 xxcxxc 阅读(137) 评论(0) 推荐(0)

15.仿腾讯固定导航栏

摘要：图片：阅读全文

posted @ 2018-10-02 23:00 xxcxxc 阅读(260) 评论(0) 推荐(0)

14.仿京东右侧边导航栏

摘要：返回阅读全文

posted @ 2018-10-02 22:58 xxcxxc 阅读(607) 评论(0) 推荐(1)

13.仿淘宝图片导航效果

摘要：效果图：源代码：图片：阅读全文

posted @ 2018-10-02 22:56 xxcxxc 阅读(184) 评论(0) 推荐(1)

12.手风琴效果

摘要：效果图：源码：图片跟上一文章一样阅读全文

posted @ 2018-10-02 22:55 xxcxxc 阅读(203) 评论(0) 推荐(1)

11.轮播图（练习）

摘要：效果图：源代码：图：阅读全文

posted @ 2018-10-02 22:54 xxcxxc 阅读(225) 评论(0) 推荐(1)

10.淘宝服饰精品广告

摘要：女靴雪地靴冬裙呢大衣毛衣棉服女裤羽绒服牛仔裤 ... 阅读全文

posted @ 2018-10-02 22:53 xxcxxc 阅读(222) 评论(0) 推荐(0)

9.tab栏切换

摘要：国际大牌| 国装名牌| 清洁用品| 男士精品 ... 阅读全文

posted @ 2018-10-02 22:52 xxcxxc 阅读(123) 评论(0) 推荐(0)

8.右下角的弹出广告

摘要：阅读全文

posted @ 2018-10-02 22:51 xxcxxc 阅读(154) 评论(0) 推荐(0)

6.练习：下拉菜单

摘要：图片1 图片2 图片3 阅读全文

posted @ 2018-10-02 22:50 xxcxxc 阅读(255) 评论(0) 推荐(1)

7下拉菜单2

摘要：一级菜单1 二级菜单1 二级菜单2 二级菜单3 ... 阅读全文

posted @ 2018-10-02 22:50 xxcxxc 阅读(148) 评论(0) 推荐(1)

5.js与jQuery入口函数执行时机

摘要： js与jQuery入口函数执行时机区别: JS入口函数是在所有资源加载完成后，才执行。（包括：页面、外部js文件、外部css文件、图片） jQuery入口函数，是在文档加载完成后就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载完成。阅读全文

posted @ 2018-10-02 22:49 xxcxxc 阅读(257) 评论(0) 推荐(0)

4.jQuery和DOM 对象之间的相互转换

摘要：我是阿牛我是阿妹阅读全文

posted @ 2018-10-02 22:48 xxcxxc 阅读(89) 评论(0) 推荐(0)

3.mouseenter和mouseover事件的区别

摘要：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。被触发的 Mouseover 事件：被触发的 Mouseenter 事件：阅读全文

posted @ 2018-10-02 22:47 xxcxxc 阅读(207) 评论(0) 推荐(0)

0.jQuery选择器

摘要：左边的是jQuery用法右边是js用法 $("tag") == document.getElementsByTagName("tag"); $(".class") == document.getElementsByClassName("class"); $("#id") == document.getElementById("id"); $("sb").css("background","... 阅读全文

posted @ 2018-10-02 22:46 xxcxxc 阅读(189) 评论(0) 推荐(0)

2.点击隐藏盒子

摘要： jQuery入口函数点击隐藏盒子阅读全文

posted @ 2018-10-02 22:43 xxcxxc 阅读(286) 评论(0) 推荐(0)

1.jQuery入口函数

摘要：  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery入口函数</title> 阅读全文

posted @ 2018-10-02 22:42 xxcxxc 阅读(133) 评论(0) 推荐(0)

jquery选项卡效果

摘要：效果图：阅读全文

posted @ 2018-10-02 22:40 xxcxxc 阅读(456) 评论(0) 推荐(1)

25.选项卡效果

摘要：效果图：阅读全文

posted @ 2018-10-02 21:55 xxcxxc 阅读(81) 评论(0) 推荐(0)

24.盒子拖拽功能实现

摘要：阅读全文

posted @ 2018-10-02 21:18 xxcxxc 阅读(85) 评论(0) 推荐(0)