Welcome

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

利用js编写响应式侧边栏

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

AngularJS中过滤器的使用与自定义实例代码

2017-02-06 19
前言相信大家都知道过滤器的使用：一种是在html中的使用，一种是在js代码中的使用，下面我们来通过实例深入了解。实例代码<！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>过滤器</title> <script src="day2/src/angular.js"></script> <st...

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

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

Bootstrap Table表格一直加载（load）不了数据的快速解决方法

2017-02-06 17
bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器，官网：http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 这里列出遇到的一个小问题：Bootstrap Table表格一直加载不了数据。 $（"#button"）.click（function（）{var name=$（"input[name="name"]"）.val（）;$（"#table"）.bootstrapTable（...

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

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

Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析

2017-02-06 18
在bootstrap中的时间选择器有两种：dateTimePicker和dateRangePicker1、dateTimePicker好像是官方嫡插件：需要的文件：1 <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">2 <script src="js/bootstrap-datetimepicker.min.js"></script>3...

js手动播放图片实现图片轮播效果

2017-02-06 18
本文实例为大家分享了js图片轮播具体实现代码，供大家参考，具体内容如下一、html代码部分（et.thtml）：<！DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><link type="text/css" rel="stylesheet" href="css/styleet.css"...

Javascript中常见的逻辑题和解决方法

2017-02-06 16
一、统计数组 arr 中值等于 item 的元素出现的次数function count（arr, item） { var count = 0; arr.forEach（function（e）{ //e为arr中的每一个元素，与item相等则count+1 e == item ? count++ : 0; }）; return count; }function count（arr, item） {return arr.filter（function（...

Node.js实现兼容IE789的文件上传进度条

2017-02-06 18
Nodejs对文件上传的处理在Express4里req.files已经是undefined了；现在用的最多的可能就是formidable了，你知道了它有个progress事件，于是心中大喜，低版本IE的进度条有戏了；OK，试一下： form.on（"error",function（err）{ console.log（err）; }）.on（"aborted",function（）{ console.log（"aborted"）;}） .on（"progre...

JavaScript中Number对象的toFixed（） 方法详解

2017-02-06 16
定义和用法toFixed（） 方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed（num） 参数 描述num 必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。返回值返回 NumberObject 的字符串表示，不采用指数计数法，小数点后有固定的 num 位数字。如果必要，该数字会被舍入，也可以用 0 补足，以便它达到指定的...

基于JS实现类似支付宝支付密码输入框

2017-02-06 20
本文实现的是一个类似支付宝支付密码的界面，只可以输入数字，且只可以输入6位首先给大家展示下效果图，如果感觉不错，请参考实现代码。1、样式表.wrap{margin: 10px auto;width: 329px;height: 640px; padding-top: 200px;}.inputBoxContainer{width: 240px;height: 50px;margin: 0 auto;position: relative;}.inputBox...

AngularJsUsing $location详解及示例代码

2017-02-06 18
一、What does it do? $location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 $location服务：暴露当前浏览器地址栏的URL，所以我们可以1.注意和观察URL2.改变URL当用户做以下操作时，与浏览器一起同步URL：1.改变地址栏...

利用jQuery实现打字机字幕效果实例代码

2017-02-06 17
实现效果：实现原理：把html里的代码读进来，然后跳过“<”和“>”之间的代码，顺便保存了内容的格式，然后一个定时器，逐个输出。用到的基础知识：jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend（object）; jQuery.extend（object）;jQuery.extend（object）; 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend（object）;给jQuery对象添...

AngularJsCreating Services详解及示例代码

2017-02-06 16
虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注册一个service工厂方法，可以通过Module.factory api（http://docs.angularjs.org/api/angular.module）或者在module配置方法中直接通过$provide api（http://docs.angularjs.org/api/AUTO....

AngularJs Injecting Services Into Controllers详解

2017-02-06 20
把service当作被依赖的资源加载到controller中的方法，与加载到其他服务中的方法很相似。 由于javascript是一个动态语言，DI不能弄明白应该通过static types（like in static typed languages）注入哪一个service。因此，我们需要通过$inject属性指定service名称， 它是一个包含需要注入的service名称的字符串数组。service ID顺序的重要性：工厂方法中的参数顺序，与s...

AngularJs Managing Service Dependencies详解

2017-02-06 17
angular允许service将其他service声明为依赖，使用在自身实例化时使用的构造函数中。 为了声明依赖，我们需要在工厂方法声明中指定它们，并且在工厂方法中通过$inject属性（字符串标识数组）或者使用array notation。 通常$inject属性声明可以被丢弃（即http://www.jb51.net/article/91815.htm中提到的隐式依赖注入，但这个是实验属性，在而且在压缩混淆后会失效，慎用！）。使用array no...

AngularJsunit-testing（单元测试）详解

2017-02-06 17
javascript是一门动态类型语言，这给她带来了很强的表现能力，但同时也使编译器几乎不能给开发者提供任何帮助。因为这个原因，我们感受到编写任何javascript代码都必须有一套强大完整的测试。angular拥有许多功能，让我们更加容易地测试我们的应用。我们应该没有借口不去写测试（这个嘛……）。一、 It is all about NOT mixing concerns（全部都关于避免代码关系变得复杂……） 单元测试，正如名称那样，是关于测试单个“单...
<< 121 122 123 124 125 126 127 128 129 130 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图