02 2018 档案
bootstrap模态框
摘要:(ps:其实我一直都不知道bootstrap存在的意义……很多东西自己用css和jQuery就可以写了……但还是记录一下吧……) 效果:点击“加入购物车”按钮之后显示模态框 步骤: 1.页面引入bootstrap.min.css和bootstrap.min.js 2.“加入购物车”按钮上加上属性da 阅读全文
posted @ 2018-02-12 09:58 鹿大大 阅读(176) 评论(0) 推荐(0)
jQuery实现图片轮播
摘要:如图所示: 想要的效果: 1.鼠标移入时文字变化、图片变化 2.鼠标不做动作,也会有自动变化 布局如下: js代码如下: 实现思路: 鼠标动作时使用index()获取当前文字的位置,使用eq()定位到对应位置的图片 使用stop()清除动画队列 使用.eq(0).mouseover()初始化图片 使 阅读全文
posted @ 2018-02-08 15:39 鹿大大 阅读(121) 评论(0) 推荐(0)
jQuery实现皮肤自定义
摘要:有的软件可以自定义皮肤,emmm废话不多说,直接说步骤吧: 0.总共三步效果,对应5中的js,分别是用户容器的变化、网页皮肤变化、保存cookie 1.引入jQuery.js和jQuery.cookie.js 2.写几个皮肤样式表,一个.css文件中一种颜色,比如: 3.页面中引入默认的皮肤样式表 阅读全文
posted @ 2018-02-08 11:27 鹿大大 阅读(238) 评论(0) 推荐(0)
CSS中的transform与transition
摘要:transform:转换 对元素进行移动、缩放、转动、拉长或拉伸。 方法:translate(): 元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数 有两个div,它们的css样式如下: 结果如下: rotate() 元素顺时针旋转给定的角度。允许负值,元素将 阅读全文
posted @ 2018-02-08 09:41 鹿大大 阅读(161) 评论(0) 推荐(0)
checkbox实现全选/全不选
摘要:预期效果: 1.全选按钮checked——>所有items的状态变成checked 2.全选按钮unchecked——>所有items的状态变成unchecked 3.所有items都checked——>全选按钮的状态变成checked 4.有一个item是unchecked——>全选按钮的状态变成 阅读全文
posted @ 2018-02-01 10:47 鹿大大 阅读(360) 评论(0) 推荐(0)