JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

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

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

2017年02月06日 10 阅读

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

js简单倒计时实现代码

js简单倒计时实现代码

2017年02月06日 10 阅读

本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考，具体如下：<div class="time"> 距离活动结束还有<span id="day"></span>天 <span id="hours"></span>小时 <span id="min"></span>分 <span id="sec"></span>秒</div><...

js实现精确到秒的日期选择器完整实例

js实现精确到秒的日期选择器完整实例

2017年02月06日 10 阅读

本文实例讲述了js实现精确到秒的日期选择器。分享给大家供大家参考，具体如下：<script>// 主调用函数是 setday（this,[object]）和setday（this），[object]是控件输出的控件名，举两个例子：// 一、<input name=txt><input type=button value=setday onclick="setday（this,document.all.txt）">// 二...

js实现的下拉框二级联动效果

js实现的下拉框二级联动效果

2017年02月06日 11 阅读

本文实例讲述了js实现的下拉框二级联动效果。分享给大家供大家参考，具体如下：<script language="JavaScript" type="text/javascript"><！--/* * 说明：将指定下拉列表的选项值清空 * 转自：Gdong Elvis （ http://www.gdcool.net ） * * @param {String || Object]} selectObj 目标下拉选框的名称或对象，必须 */ f...

js实现的万能flv网页播放器代码

js实现的万能flv网页播放器代码

2017年02月06日 10 阅读

本文实例讲述了js实现的万能flv网页播放器代码。分享给大家供大家参考，具体如下：<div id="player5"><script type="text/javascript" src="swfobject.js"></script><script type="text/javascript"> var s5 = new SWFObject（"FlvPlayer201002.swf","playlist",...

js判断手机浏览器操作系统和微信浏览器的方法

js判断手机浏览器操作系统和微信浏览器的方法

2017年02月06日 10 阅读

今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法：<script type="text/javascript">//手机端判断各个平台浏览器及操作系统平台function checkPlatform（）{if（/android/i.test（navigator.userAgent））{document.write（"This is Android"browser."）;//这是Android平台下浏览器}if（/（iPhoneiPa...

js根据手机客户端浏览器类型，判断跳转官网/手机网站多个实例代码

js根据手机客户端浏览器类型，判断跳转官网/手机网站多个实例代码

2017年02月06日 10 阅读

实例一、比较简单粗暴缺少点类型判断<script type="text/javascript"> var sUserAgent = navigator.userAgent.toLowerCase（）; var bIsIpad = sUserAgent.match（/ipad/i） == "ipad"; var bIsIphoneOs = sUserAgent.match（/iphone os/i） == "iphone os"; var bIs...

JavaScript中的继承之类继承

JavaScript中的继承之类继承

2017年02月06日 10 阅读

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

JS实现左右无缝轮播图代码

JS实现左右无缝轮播图代码

2017年02月06日 10 阅读

废话不多说了，直接给大家贴代码了。无缝轮播图：<title>无缝轮播图</title><style>*{margin: 0;padding:0; }ul{list-style: none;}.banner{width: 600px;height: 300px;border: 2px solid #ccc;margin: 100px auto;position: relative;overflow: hidden;}.im...

BootStrap glyphicons 字体图标实现方法

BootStrap glyphicons 字体图标实现方法

2017年02月06日 10 阅读

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

Bootstrap进度条组件知识详解

Bootstrap进度条组件知识详解

2017年02月06日 12 阅读

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

Bootstrap媒体对象的实现

Bootstrap媒体对象的实现

2017年02月06日 10 阅读

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

基于javascript编写简单日历

基于javascript编写简单日历

2017年02月06日 11 阅读

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

javascript实现列表切换效果

javascript实现列表切换效果

2017年02月06日 10 阅读

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浏览器！

2017年02月06日 10 阅读

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

Javascript HTML5 Canvas实现的一个画板

Javascript HTML5 Canvas实现的一个画板

2017年02月06日 10 阅读

本文实例为大家分享了HTML5 Canvas实现的一个画板代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="utf-8"><title>DEMO6：自定义画板</title></head><body><canvas id="canvas" width="600" height="300">...

基于javascript数组实现图片轮播

基于javascript数组实现图片轮播

2017年02月06日 10 阅读

图片轮播的办法有多种，在这里介绍一种简单的：js数组实现。首先将图片路径存储在数组中，然后再调用setInterval函数来依次轮播图片 <script type="text/javascript"> var curIndex = 0; var timeInterval = 1000; var arr = new Array（）; arr[0] = "1.png"; arr[1] = "2.png"; arr[2] = "3.png"; arr...

Immutable 在 JavaScript 中的应用

Immutable 在 JavaScript 中的应用

2017年02月06日 10 阅读

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

搞定immutable.js详细说明

搞定immutable.js详细说明

2017年02月06日 10 阅读

什么是Immutable DataImmutable Data是指一旦被创造后，就不可以被改变的数据。通过使用Immutable Data，可以让我们更容易的去处理缓存、回退、数据变化检测等问题，简化我们的开发。js中的Immutable Data在javascript中我们可以通过deep clone来模拟Immutable Data，就是每次对数据进行操作，新对数据进行deep clone出一个新数据。deep clone/** * learning-...

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

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

2017年02月06日 10 阅读

摘要：最近做了一个项目，其中有这样一需求：实现一个点击按钮复制链接的功能，通过网上找相关资料，找到了几个插件，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 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图