Welcome 微信登录

首页 / 脚本样式 / JavaScript

一个用jquery写的判断div滚动条到底部的方法【推荐】

一个用jquery写的判断div滚动条到底部的方法【推荐】

jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它。我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。一、滚动条有关属性的正确理解:假设有以下Html代码:<div id="div1" style="overflow-y:aut...
JavaScript中的继承之类继承

JavaScript中的继承之类继承

继承简介 在JS中继承是一个非常复杂的话题,比其他任何面向对象语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。在JS中想要达到继承公用成员的目的,需要采取一系列措施。JS属于原型式继承,得益于这种灵活性,我们既可以使用标准的基于类的继承,也可以使用更微妙一些的原型式继承。在JS中应该要明确一点,一切继承都是通过prototype来进行的,且JS是基于对象来继承的。继承:function Animal(name){ th...
BootStrap glyphicons 字体图标实现方法

BootStrap glyphicons 字体图标实现方法

相关阅读:详解Bootstrap glyphicons字体图标先给大家说下什么是字体图标?字体图标是在 Web 项目中使用的图标字体。虽然,Glyphicons Halflings 需要商业许可,但是您可以通过基于项目的 Bootstrap 来免费使用这些图标。为了表示对图标作者的感谢,希望您在使用时加上 GLYPHICONS 网站的链接。使用bootstrap很久了,内置的 glyphicons 图标,足以满足 小型项目的需求。只需要使用一个样式,即可调...
Bootstrap进度条组件知识详解

Bootstrap进度条组件知识详解

在网页中,经常见到进度条效果,如:平分系统、加载状态等,进度条组件使用了css3的transition和animation属性来完成一些特效,这些特效在IE9及IE9以下版本、Firefox的老版本中并不支持,Opera 12 不支持 animation 属性。进度条和其他独立组件一样,开发者可以根据自己的需要选择对应的版本:LESS: progress-bars.lessSASS: _progress-bars.scss基础进度条实现原理:需要两个容器,...
Bootstrap媒体对象的实现

Bootstrap媒体对象的实现

在web页面中,图片居左,内容居右排列,是非常常见的效果,它也就是媒体对象,它是一种抽象的样式,可以用来构建不同类型的组件,在bootstrap框架中其对应的版本文件如下:LESS: media.lessSASS: _media.scss媒体对象一般是成组出现,一组媒体对象一般包括以下几部分:1、媒体对象的容器:用来容纳媒体对象的所有内容,容器上需使用类名.media2、媒体对象的对象:一般是图片,需使用类.media-object3、媒体对象的主体:就是...
基于javascript编写简单日历

基于javascript编写简单日历

一.表格行数问题 既然要显示日期表格的话,首先得知道这个表格有多少行多少列,列数是已经确定的,从星期天(日历上第1列是星期天)到星期六一共7列。要解决行数问题之前,还得先知道这个月的第1天是星期几,因为每个月的1号并不都是从日历上的星期天开始排的,可能1号是星期五,星期六也说不定,所以1号的左边部分,就得用空表格代替了。那么用多少个空表格代替呢,这里就得用到getDay()方法了,该方法返回数组[0-6]中的一个数字,0代表星期天,1代表星期一,2代表星期...
javascript实现列表切换效果

javascript实现列表切换效果

IE兼容性没处理,确切的说不太会,还望指点一二思路:1、js获取要给定点击事件的按钮组对象,如btns=document.xxx(),遍历过程绑定事件之前先取得当前对象的下标eg:btns[i].index=i;2、匹配index为将要显示的DOM对象3、点击过程中要切换class,先判断是否含有指定class,有就删除,没有就添加指定class。注:if(!null)为真.4、onmouseover同理HTML<!DOCTYPE html>&...
bootstrap3 兼容IE8浏览器!

bootstrap3 兼容IE8浏览器!

近期在使用bootstrap这个优秀的前端框架,这个框架非常强大,框架里面有下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等,bootstrap都已经预先定义好了,当我们制作网页上,只需直接调用里面的css即可 bootstrap是一个响应式的布局,你可以在宽屏电脑、普通电脑,平板电脑,手机上都得到非常优秀的布局体验。这种响应式的布局正是通过CSS3的媒体查询(Media Query)功能实现的,...
Immutable 在 JavaScript 中的应用

Immutable 在 JavaScript 中的应用

Mutable 对象在 JavaScript 中,对象是引用类型的数据,其优点在于频繁的修改对象时都是在原对象的基础上修改,并不需要重新创建,这样可以有效的利用内存,不会造成内存空间的浪费,对象的这种特性可以称之为 Mutable,中文的字面意思是「可变」。对于 Mutable 的对象,其灵活多变的优点有时可能会成为其缺点,越是灵活多变的数据越是不好控制,对于一个复杂结构的对象来说,一不小心就在某个不经意间修改了数据,假如该对象又在多个作用域中用到,此时很...
JS基于clipBoard.js插件实现剪切、复制、粘贴

JS基于clipBoard.js插件实现剪切、复制、粘贴

摘要:最近做了一个项目,其中有这样一需求:实现一个点击按钮复制链接的功能,通过网上找相关资料,找到了几个插件,ZeroClipboard是通过flash实现的复制功能,随着越来越多的提议废除flash,于是就想能不能通过js来实现复制剪切呢?地址:https://github.com/baixuexiyang/clipBoard.js方法:复制var copy = new clipBoard(document.getElementById("data"),...
<< 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 >>