Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery leonaScroll 1.1 自定义滚动条插件(推荐)

jQuery leonaScroll 1.1 自定义滚动条插件(推荐)

leonaScroll-1.1最新版leonaScroll-1.1.js欢迎使用leonaScroll-1.1.js,如您在使用过程中发现更多问题,欢迎指正!更新:1.1版本1、修复了前面初始版本中的一些bug,比如不能自适应用户的文本内容,css文件繁杂2、用户只需调用一个方法即可使用该插件,无需按照原来的class类名去添加和定义你的滚动条文本域及外层元素,显得更为自由3、增设了滚动条宽度、上下微调按钮高度,滚动文本区域的设置4、增设了文本内容未超出时...
使用JQuery选择HTML遍历函数的方法

使用JQuery选择HTML遍历函数的方法

使用JQuery,可以很容易的选择THML元素。但在有些时候,HTML结构比较复杂的时候,提炼我们选择的元素就是一件比较麻烦的事情。1、children这个函数得到一组元素的直接子级。给children()传递一个选择表达式将选择结果缩小至选中的元素;如果chilidren()每接受任何参数,将返回所有直接子级;不返回它的孙级元素。2、filter这个函数通过传递的选择表达式从一个集合中过滤元素。任何不匹配这个表达式的元素将从选择的集合中移除。3、not与...
JavaScript类的写法

JavaScript类的写法

我们知道,在js中,是没有类的概念的。类的所有实例对象都从同一个原型对象上继承属性,因此,原型对象是类的核心。类是对象的抽象,而对象是类的具体实例。类是抽象的,不占用内存,而对象是具体的,占用存储空间。———百度百科早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成类。在js中,写成类的本质基本都是 构造函数+原型。下面,就讨论一下js类的几种写法:构造函数法/*** Pers...
JavaScript职责链模式概述

JavaScript职责链模式概述

一、概述职责链模式(Chain of responsibility),就是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理他为止。貌似和数据结构中的链表一样。但,不要搞混了,职责链可不等于链表哦,因为职责链可以在任何一个节点开始往下查找,而链表,则必须从头结点开始往下查找。比如,DOM事件机制中的冒泡事件就属于职责链,而捕获事件则属于链表。二、利用职责链模拟冒泡假设我们...
Bootstrap响应式侧边栏改进版

Bootstrap响应式侧边栏改进版

侧边栏在响应式设计中起到很大的作用,当屏幕小到手机的屏幕时,能够自适应屏幕大小的侧边栏固然能够为网站添加色彩,那么在Bootstrap的框架中提供了导航条和下拉菜单的组件,详情请自行到官网Bootstrap的文档查看,这里就不作介绍了。本文是将其中的导航条和下拉菜单进行结合,然后设计并改进了侧边栏的制作。html:<div class="container"> <nav class="navbar navbar-default mynav...
Bootstrap框架结合jQuery仿百度换肤功能实例解析

Bootstrap框架结合jQuery仿百度换肤功能实例解析

换肤功能的应用很广,不管是搜索界面还是普通的管理界面等等,都可以进行设计并且应用换肤功能,起到更好的用户体验。今天仿造百度的换肤功能,实现了基本的换肤功能,接下来将会为大家介绍如何实现。在设计界面的过程当中,我采用了Bootstrap框架,以便更好的适应屏幕。(当然也是为了更好的熟悉使用这个框架,大家别忘了把Bootstrap框架的css和js包引进来哦)。在创建项目时最好可以分别将css、js、images分开。首先是布局,我只是布局了一下换肤的简单界面...
JavaScript编写一个简易购物车功能

JavaScript编写一个简易购物车功能

网上关于购物车实现的代码非常多,今天看了一些知识点,决定自己动手写写,于是写了一个简易购物车,接下来讲解一下具体的实现。1、用html实现内容;2、用css修饰外观;3、用js(jq)设计动效。第一步:首先是进行html页面的设计,我用一个大的div将所有商品包含,然后用不同的div将不同的商品进行封装,商品列表中我用了ul li实现,具体实现代码如下(代码中涉及到的商品都是网上随便copy的,不具有参考价值):<div id="goods">...
各式各样的导航条效果css3结合jquery代码实现

各式各样的导航条效果css3结合jquery代码实现

导航条的使用很广,每个网站都会做出具有自己特色的导航条。最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下面有横线)等。每种导航条都有自己的特色,比如高亮显示的导航条看起来比较简单,但是视觉效果还不错,具有动画效果的导航条在视觉上也是有很好的效果。接下来将会一一介绍4种应用比较广的导航条,即:高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,具有摩擦...
利用js编写响应式侧边栏

利用js编写响应式侧边栏

为了练手,自己学敲网站时刚好碰到需要制作侧边栏,在网上也查了各种插件以及框架都可以实现这个功能,但是想自己学着用js原生学一个试试,于是就初略完成了侧边栏的实现,可以让初学者参考参考,代码能力有限。其中主要设计的就是animate()函数,animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。只有数字值可创建动画(比如 "margin:30px")。...
AngularJS中关于ng-class指令的几种实现方式详解

AngularJS中关于ng-class指令的几种实现方式详解

前言开发中经常会遇到这样的需求,一个元素需要在不同的状态下呈现不同的样子,而在这所谓的的样子当然就是改变其css的属性,而实现动态的改变属性值,我们就需要实现动态的更换其class属性值。在这给大家介绍三种方法来实现,大家可以根据自己的需求来选择方式,下面来看看。第一种:通过数据的双向绑定(不推荐)<div ng-controller="firstController"><div ng-class="{{className}}">&...
AngularJS使用自定义指令替代ng-repeat的方法

AngularJS使用自定义指令替代ng-repeat的方法

前言大家都知道对于处理小数量,ng-repeat是非常有用的,但是如果需要处理非常大的数量集,还是采用自定义的方法更好一些。特别是数据大多都是静态的或已预存储好的,这个时候应避免使用ng-repeat指令。ng-repeat中的表达式和 $watchAngular中的表达式都会创建$watch 的Scope 函数。用于监听模型变化,当你的模型部分发生变化时它会通知你。在ng-repeat指令中,如果某行数据有15列数据都绑定了表达式,如果数据有1000多行...
JavaScript中Number对象的toFixed() 方法详解

JavaScript中Number对象的toFixed() 方法详解

定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed(num) 参数 描述num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。返回值返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的...
<< 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 >>