Welcome

首页 / 脚本样式 / JavaScript

原生js实现无限循环轮播图效果

2017-02-06 82
知识要点1.实现无限循环的原理：以偏移的距离来判断是否跳回第一张和最后一张也可以利用循环判断图片的当前索引值var newLeft=parseInt（list.style.left）+offset;//当前的偏移量+下一次的偏移量=新的偏移量list.style.left=newLeft+"px";//当前的偏移值=新的偏移值//以偏移的距离来判断是否跳回第一张和最后一张if（newLeft>-600）{ list.style.left=-3000+...

浅谈angularjs $http提交数据探索

2017-02-06 24
前两天在搞自己的项目，前端js框架用的是angularjs框架；网站整的差不多的时候出事了；那就是当我用$http.post（）方法向服务器提交一些数据的时候；后台总是接收不到数据；于是采用了其他方法暂时性替代一下；今天正好有时间研究这个事情；网上查了很多资料；都试了试；都是不太好；但是还是给我提供了一些解决问题的思路；正文开始：首先做了个demo如下；主要是为了比较他们的不同之处；html如下：<div class="container-fluid...

Bootstrap 手风琴菜单的实现代码

2017-02-06 26
好了，废话不多说了，直接给大家贴代码了，具体代码如下所示：<！DOCTYPE html><html><head><title></title><meta charset="UTF-8"> <link rel="stylesheet" href="css/bootstrap.min.css"><！-- 可选的Bootstrap主题文件（一般不用引入） --><...

js+css3实现旋转效果

2017-02-06 22
我的前面一张文章实现了用css3制作旋转的效果,现在呢,我换另外一种方法来实现.就是使用js结合css3的方法来实现的.下面我就先上图给大家看看效果吧下面呢我先放上我的css代码,代码很简单:.one{width:200px;height: 200px;border:1px solid #adadad;transition:all 0.1s;border-radius:50%;background:url（images/1.jpg） no-repeat c...

轻松理解Javascript变量的相关问题

2017-02-06 26
前言再说本文的内容之前，我们先回溯到1995年，当Brendan Eich在设计第一版JavaScript时，他搞错了许多东西，当然这也包括曾属于语言本身的一部分，例如Date对象，对象相乘被自动转换为NaN等。然而现在回过头看，语言最重要的部分都是设计合理的：对象、原型、具有词法作用域的一等函数、默认情况下的可变性等。语言的骨架非常优秀，甚至超越了人们对它的初步印象。话说回来，正是Brendan当初的设计错误才诞生了今天这篇文章。我们这次关注的目标非常小...

Angular.js中ng-if、ng-show和ng-hide的区别介绍

2017-02-06 26
前言大家都知道在使用anularjs开发前端页面时，常常使用ng-show、ng-hide、ng-if功能来控制页面元素的显示或隐藏，那他们之间有什么不同呢？下面通过这篇文章来一起看看吧。实现原理ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏，对应的DOM元素会一直存在于当前页面中，而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false，那么这个元素就会从页面中删除，否则会添加一个元素。ng...

原生js实现网页顶部自动下拉/收缩广告效果

2017-02-06 25
知识要点1.实现原理：通过递归改变div的高度值达到缓慢下拉的效果。2.一共分为3个步骤我写了三个函数第一个show（）函数（下拉）：初始值高度h<300的话 h+5 反之return退出停止，调用setTimeout方法30毫秒执行一次+5第二个hide（）函数（收回）：只是高度的判断不同高度h-5 反之return退出停止，调用setTimeout方法30毫秒执行一次-5第三个dd（）函数（再次弹出）：这里要注意的是第二次弹出的div是一个新的d...

canvas绘制万花筒效果（代码分享）

2017-02-06 24
话不多说，请看代码：<！doctype html><html><head><meta charset="utf-8"><title>万花筒</title><style>canvas{ background:#eee; }</style><script>window.onload = function（）{ var canvas = document....

html5 canvas 详细使用教程

2017-02-06 19
话不多说，请看代码<！DOCTYPE html "><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><script type="text/javascript">function draw21（id） {var canvas = document.getElementById（id）if （canvas =...

关于AngularJs数据的本地存储详解

2017-02-06 25
第一、创建一个factory来储存和调取你的数据（你可以单独创建一个js文件，按照语义命名如：dataService.js。然后在你的主页面引入这个JS文件）<！--引入到你的主页面里面--><script src="dataService.js"></script>创建一个factory"use strict";angular.module（"myApp"）.factory（"datadService",["$wind...

javascript容错处理代码（屏蔽js错误）

2017-02-06 28
有时候大家来浏览网页的时候发现IE浏览器左下角总有个黄色错误标志，有时候更是直接弹出错误无法继续浏览页面，这样对于网站的正规性与权威性发展不利。国外银行页面就是因为这样的错误，导致用户大量流失不敢用这个银行的网上银行等导致损失惨重。所以一个想要在用户体验与公司实力上都是不容出现的错误，就是不影响使用也不能让用户反感，脚本之家一直致力于为大家提高更好的代码，所以这里我们将会大家整理一些常用的代码，使用方法什么，希望大家以后能越来越支持我们，让我们共同发展。第...

bootstrap中的 form表单属性role="form"的作用详解

2017-02-06 22
html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。通常这种情况出现在一些自定义的组件上，这样可增强组件的可访问性、可用性和可交互性。role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role=“button”，辅助工具就可以认出这实际上是个button比如，<div role="checkbox" aria-checked="chec...

Angular ui.bootstrap.pagination分页

2017-02-06 22
本文实例为大家分享了Angular 分页的具体代码，供大家参考，具体内容如下1、Html<！DOCTYPE html><html> <head><meta name="viewport" content="width=device-width" /><title>MyPagination</title><link href="//netdna.bootstrapcdn.com/b...

JSON 数据详解及实例代码分析

2017-02-06 36
JSON 数据详解一、json值的类型1.简单值： 可以表示字符串，数值，布尔值，null不支持undefined（json的数值表示： 2 ）2.对象： 一组有序的键值对，每个键值对的值可以是简单值，也可以是复杂数据类型。（json的字符串：“hello world”）。json字符串与JavaScript字符串的区别，json必须用双引号。3.数组：一组有序值的列表，数组的值可以是简单值，也可以是复杂数据类型。不支持变量，函数，以及对象实例二、json...

JS出现失效的情况总结

2017-02-06 33
对于大前端来说，JS可谓是我们的神器，从页面的效果到数据的传递，再到后台的业务，无处不充斥着JS的身影，但是万能的JS也有贪玩的时候，某一时刻你就有可能发现你形影不离的JS突然间罢工了，这对我们前端来说绝对是头痛的事，作为前端君的我今天就和大家聊聊有哪些情况会导致JS突然性的罢工。1、JS出现错误，比如函数没有闭合，JS的标签出现错误等等情况，都会使得JS不能执行，这时如果不能发现错误，就会陷入JS貌似挂掉了的情况，也给开发工作造成困扰。2、还有一种情况就...

JS中传递参数的几种不同方法比较

2017-02-06 35
在进行网页开发时，与前台与后台数据进行交互是一个无法避免的问题，不同的业务需求有着不同的传递方式，下面是我在开发过程中用到过的几种传递方式，写出来与大家分享一下，由于经验不足，出现错误的地方欢迎大家指正。1、通过window.location.href或者document.location.href进行传递，比如window.location.href="http://www.ewcar.net?name=sun&age=21";在这个例子中所携带...

JavaScript判断浏览器及其版本信息

2017-02-06 23
通过window.navigator来判断：function getBrowserInfo（）{ var Info = {}; var str = window.navigator.userAgent.toLowerCase（）; var bReg =/（msie|firefox|chrome|opera|version）.*?（[d.]+）/; var infoArr = str.match（bReg）; Info.browser = infoA...

微信小程序 Toast自定义实例详解

2017-02-06 19
微信小程序 Toast自定义实例详解实现类似于Android的Toast提示index.js：var timer; var inputinfo = ""; var app = getApp（） Page（{data: { animationData:"", showModalStatus:false},onLoad: function （） { },showModal: function （） { // 显示遮罩层 var animation = wx.c...

Vue实例简单方法介绍

2017-02-06 24
Vue实例的一些简单方法<！DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script></head><body><div id="box">{{...

微信小程序 自定义对话框实例详解

2017-02-06 19
微信小程序 自定义对话框实例详解效果图：index.wxml：<button type="default" bindtap="clickbtn">点击 </button> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <view animation="{{animationDa...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图