Welcome 微信登录

首页 / 脚本样式 / JavaScript

值得分享和收藏的Bootstrap学习教程

值得分享和收藏的Bootstrap学习教程

首先先感谢朋友们对小编的支持,关注小编的文章,和小编一起学习进步,一直的陪伴,小编也一定会再接再厉,为大家分享更多精彩的文章。在分享的过程中遇到了一些问题,这也给了我很大的启发,大家在搜索相关文章时都没有针对此类问题进行的系统整理文章,这也是小编需要在今后进行改进的。所以本文就吸取这个经验,针对Bootstrap教程进行系统整理,希望对大家的学习有所帮助,便于大家学习。小编的水平能力都很有限,还望大牛多给一些建议和看法,帮助小编进行改正和提高,如果文中确有...
使用jQuery实现Web页面换肤功能的要点解析

使用jQuery实现Web页面换肤功能的要点解析

网页换肤是一门老技术了,老的现在都不怎么流行了。但是,有时候有些客户就是想要这个换肤功能。于是就实践做了一下网页换肤,结果遇到了很多问题。网页换肤的基本原理基本原理很简单,就是使用 JS 切换对应的 CSS 样式表。例如导航网站 Hao123 的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外,通常的网页换肤还需要通过 Cookie 来记录用户之前更换过的皮肤,这样下次用户访问的时候,就可以自动使用上次用户配置的选项。那么基本工作流程就出来了:访问...
使用jQuery制作遮罩层弹出效果的极简实例分享

使用jQuery制作遮罩层弹出效果的极简实例分享

客户的网站上突然需要一个遮罩弹窗效果,也可以称作暗箱之类的,具体效果就是网页中背景变成半透明,然后在屏幕中间出现一个菜单之类的东西。这种效果在网上很常见,例如:QQ空间浏览相册等。这种效果的好处就是,可以让用户聚焦到弹出的菜单中。神说,有代码的文章,应该有个 Demo ,于是就有了Demo。HTML 结构首先先来分析一下这个过程:触发某个事件(例如点击按钮),然后出现一个背景遮罩上面还有一个内容层。触发的按钮,我在这里用 div 来代替,并且使用 clic...
js自定义select下拉框美化特效

js自定义select下拉框美化特效

select的默认样式往往很丑,为保证页面样式风格统一,需要对select进行美化。虽然其美化的插件很多,一搜一大把,但是需要引入长长的css文件和js文件实在是件头痛的事。其实select的实现原理很简单,就是一个点击 切换 显示和隐藏 并传值 的过程。用jquery模拟了,样式想怎么写就怎么写,且不限数量。朴素的效果:html:<div class="select_box"><font>›</font>&...
Node.js的项目构建工具Grunt的安装与配置教程

Node.js的项目构建工具Grunt的安装与配置教程

Grunt 基于 Node.js ,用 JS 开发,这样就可以借助 Node.js 实现跨系统跨平台的桌面端的操作,例如文件操作等等。此外,Grunt 以及它的插件们,都作为一个 包 ,可以用 NPM 安装进行管理。所以 NPM 生成的 package.json 项目文件,里面可以记录当前项目中用到的 Grunt 插件,而 Grunt 会调用 Gruntfile.js 这个文件,解析里面的任务(task)并执行相应操作。安装 Grunt-cli其实是安装 ...
Bootstrap框架动态生成Web页面文章内目录的方法

Bootstrap框架动态生成Web页面文章内目录的方法

引言在写博客的时候,为了条理性起见,经常会使用许多小标题,当文章长时,需要来回在不同的标题之间穿梭,如果手动添加目录,添加锚点,实在是麻烦,为此,可以动态生成一块目录区域,并使用Bootstrap提供的Affix插件将目录区域固定在页面上。Bootstrap文档便使用了它准备工作-引入bootstrap.min.js将bootstrap.min.js放入body之前的script标签中,uikit.min.js暂时不引入。引入相关插件之后,我们的思路是首先...
全面理解JavaScript中的闭包

全面理解JavaScript中的闭包

引子闭包是有权访问另一个函数作用域中的变量的函数。闭包是javascript中很难理解的部分,很多高级的应用都依靠闭包来实现的,我们先来看下面的一个例子:function outer() {var i = 100;function inner() {console.log(i);}}上面代码,根据变量的作用域,函数outer中所有的局部变量,对函数inner都是可见的;函数inner中的局部变量,在函数inner外是不可见的,所以在函数inner外是无法读...
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码

js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码

今天遇到一个很奇葩的需求,是这样的:当我点击文字的时候弹出一个删除按钮,可以删除刚才点击的文字.诶?当时想了想,没什么难度吧.可是,既然是奇葩的需求怎么可能这么简单.对,还有一个功能.我并不知道我点了哪个标签,英文可以承载文字的标签太多太多....当时我tm就懵逼了.你都不知道要点哪个标签,我怎么去绑定事件?给谁绑定事件? 扯了半天,还是要写.于是就动工了.我思路是这样的:START1,首先得获取鼠标点击的对象.(问题是...我怎么...
基于jQuery倒计时插件实现团购秒杀效果

基于jQuery倒计时插件实现团购秒杀效果

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery倒计时超级实现团购秒杀效果,感兴趣的朋友一起学习吧!1.1 帮助文档关键字 倒计时 秒杀 timer1.2. 使用场景 这样的倒计时在购物网站中会经常使用到,比如秒杀,限时抢购,确认收货倒计时。 这个功能并不难实现,就是利用js的定时执行,搜了一下网上的代码,五花八门,都是一个...
基于JS判断iframe是否加载成功的方法(多种浏览器)

基于JS判断iframe是否加载成功的方法(多种浏览器)

推荐阅读:JS iFrame加载慢怎么解决在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,而往往iframe还没添加完呢,后边的代码就已经执行完了,所以有些你写的东西根本没有显示出来。这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面:ie浏览器IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内...
JavaScript重载函数实例剖析

JavaScript重载函数实例剖析

1.javascript 中是没有重载函数这个概念的!首先javascript是没有重载函数这个概念的,很久以前,我用javascript做网页的时候,写一些简单的效果,根本不需要用到重载函数,当写游戏的时候,有大量的函数的时候,就想用重载函数了,没想到javascript不支持。我们来简单用两种方式来"模拟"下重载函数。2.根据参数的个数来判断javascript的函数中有一个叫arguments的变量,是记录参数的一个数组,我们可以用这个来判断参数的个...
JS判断图片是否加载完成方法汇总(最新版)

JS判断图片是否加载完成方法汇总(最新版)

有时需要获取图片的尺寸,这需要在图片加载完成以后才可以。下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总,一起看看吧。一、load事件<script type="text/javascript">$("img").onload = function() {//code}</script> 优点:简单易用,不影响HTML代码。缺点:只能指定一个元素,javascipt代码必须置于图片元素的下方二、jquery方法<s...
<< 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 >>