纯css实现文本列表的前面的文字两端对齐显示
效果如上面展示,前面的文本两端对齐,通过css去实现,代码如下:一.办法1:html:<div class="item"> <span class="label">姓名</span>： &n...
jq实现购物车的加减按钮操作
效果如上面的,点击加减操作,控制数字增减,1的时候最小,不能再点击.代码::<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &...
jq下拉框穿梭组件
jq下拉框穿梭组件展示,左边点击添加到右边,右边可以删除到左边,可以单个添加/全部添加跟单个删除/全部删除,还可以双击内容添加/删除.效果:代码:<!doctype html> <html lang="en">...
jq网页换肤效果
网页换肤效果比较常见的:效果:点击上面的颜色列表,下面的内容会相应的展示对应的颜色出来.如果想要实现记录当前浏览器选中的颜色,刷新页面之后颜色保留在当前,就要用cookie去记录.代码:<!doctype html>...
jq点击全选/全不选/反选效果
案例1:全选+全不选+反选html:<form> 你爱好的运动是? <br><br> <input type="checkbox" name="items"...
css清楚浮动的几种办法
平常写页面的时候经常会碰到用了float之后高度会失效之类的,这时候就要清除浮动.比如下面的练习:html:<section> <img src="images/rubber_duck2.jpg"> <p>It's fun&nbs...
总结css垂直居中的几十种办法,更新中...
平常我们写页面的时候,经常碰到要垂直居中一个模块或是文字,或是图片等等,经常会用到的一些办法,还有其他地方看到的一些办法比较少用的都有,下面总结一下:1、Line-height适用情景：单行文字垂直居中技巧,这种办法只...
创建函数的几种方式
简述创建函数的几种方式第一种（函数声明）：function sum1(num1,num2){return num1+num2;}第二种（函数表达式）：var sum2 = function(num1,num2){return num1+num2;}匿名函数：function(){}:只能自己执行自己第三...
2019年了
时间过的很快呀 ,离2018年已经过去4天了.想念.回顾2018年,我发表了25篇文章,还是算比较少了,发布了4个插件特效.还是比较少的,比之前少了很多,今后2019年,会继续发表更多的文章跟插件分享给大家学习.2018年有很多的不...
CSS实现三列布局
三列布局指的是两边两列定宽，中间的宽度自适应。常用三种方法：定位浮动弹性盒布局定位方式最直观和容易理解的一种方法，左右两栏选择绝对定位，固定于页面的两侧，中间的主体选择用margin确定位置<!DOCTYPE&nbs...
jq使元素居屏幕中间位置,弹窗居中显示
$(document).ready(function() { jQuery.fn.center = function () { this.css("position","absolute"); &...
手风琴效果
// Close all panels $('#accordion').find('.content').hide(); // Accordion $('#accordion').find('.accordion-header').click(function () {...
