Welcome

首页 / 脚本样式 / JavaScript

jQuery实现立体式数字滚动条增加效果

2017-02-06 25
jquery实现立体式数字滚动条增加效果，代码分为两部分，一部分位html结构另一部分属于js代码段，需要的朋友参考下吧！1、html结构<div class="numberRun1"></div>2、js<script type="text/javascript" src="js/digital_over.js" ></script>//引用//这是自定义函数（需要在页面中进行调用）<script&g...

Javascript highcharts 饼图显示数量和百分比实例代码

2017-02-06 24
Javascript highcharts 饼图显示数量和百分比实例代码 最近公司项目需求有这样一个功能模块，highcharts 饼图显示数量和百分比 ，由于本人刚入门，看到这个需求不会写，于是就上网搜下相关资料，觉得一篇还不错记录下。<div class="piecleft" id="chart" style="height:350px; width: 350px;"></div><script type="text/ja...

手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效

2017-02-06 17
HTML5 Canvas的幸运大奖盘特效 现在好的微信微商或者微信公众号都有这种大转盘的项目，这里就整理一个，可以参考下。这是一款基于jquery和HTML5 Canvas的幸运大奖盘特效。该幸运大奖品特效支持移动端，它通过动态构造Canvas元素来生成大奖盘，并通过jquery代码来随机获取奖品。 使用方法 HTML结构 抽奖用的大转盘使用图片来制作，开始时它们被隐藏。整个抽奖大奖盘放置在一个容器中，控制容器的大小即可以控制奖盘的大小。XML/HT...

利用JS轻松实现获取表单数据

2017-02-06 32
接触过Angularjs的都知道,ng支持双向绑定，我们可以轻轻松松的通过ngModel将我们的值绑定到界面，当修改了值提交表单的时候不需要再重新通过ID去重新抓取输入框信息了。那对于我们开发前台网站，不用ng一类的MVVM框架，只引用了Jquery，那么在处理表单的时候该怎么做呢。一. 原始做法<div id="form"><select id="select1"> <option value="">--请选择--&l...

浅析JavaScript中作用域和作用域链

2017-02-06 17
学习js，肯定要学习作用域，js作用域和其他的主流语言的作用域还存在很大的区别。一.js没有块级作用域。 js没有块级作用域，就像这样：if（）｛ var a = 100； console.log（a） //输出100｝console.log（a） //输出100 js中像if，for，switch之类的语句，他们包含的代码块里面的变量，在代码块外面也能被读取，所以说，js没有块级作用域。二.js的全局变量 js中规定，全局变量都可以看作是window...

JavaScript之Vue.js【入门基础】

2017-02-06 18
本篇将简单介绍一下Vue.js，并在Node.js环境下搭建一个简单的Demo。一、简介我个人理解，Vue.js是一套前端视图层的框架，它只关心视图展示和数据绑定，它的一些语法与Angular 1非常相似，如果有Angular 1相关的使用经验，上手会非常快。相比较其他的React、Angular 2等MVVM框架，它更加的轻量，效率也更高，也能更好的与其他库集成。它拥有以下几个出色的特性：数据双向绑定指令模板组件当前最新的版本为2.1.4。后续也会在这个...

关于 jQuery Easyui异步加载tree的问题解析

2017-02-06 17
想要实现从本地中加载json文件，通过事件来动态的插入到ul中时，遇到了一小bughtml中代码是这样的<ul class="easyui-tree" id="tt"></ul>js中的代码$（".next-menu:nth-child（1） a"）.click（function（） {var $IDstr = $（this）.attr（"id"）,$treeIDNum = parseInt（$（this）.attr（"treeID...

js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

2017-02-06 36
题目中问题一拆为二:1.文字在超出长度时,如何实现用省略号代替?2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息?文字在超出长度时,如何实现用省略号代替?用CSS实现超长字段用省略号表示的方法:所有浏览器兼容！ html代码如下：<div style="width:150px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis"&...

JavaScript仿微博输入框效果（案例分析）

2017-02-06 22
这篇文章给大家分享一个小的JavaScript的案例，就是模仿微博输入框的效果。效果图：代码：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>仿微博输入框效果</title><script src="jquery.js"></script></head><bod...

js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换&#XXX函数代码

2017-02-06 37
最近看不少在线工具里面都有一些编码转换的代码，很多情况下我们都用得到，这里脚本之家小编就跟大家分享一下这些资料Unicode介绍Unicode（统一码、万国码、单一码）是一种在计算机上使用的字符编码。Unicode 是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。Unicode是国际组织制定的可以容纳世界上所有文字和符号的字符编码方案。Unicode用数字0-...

vue2.0开发实践总结之疑难篇

2017-02-06 23
续上一篇文章：vue2.0 开发实践总结之入门篇 ，如果没有看过的可以移步看一下。本篇文章目录如下：1. vue 组件的说明和使用2. vuex在实际开发中的使用3. 开发实践总结1. vue 组件的说明和使用一个组件实质上是一个拥有预定义选项的一个 Vue 实例在header组件内部允许外部使用，需要导出属性，有2种导出方法1. 默认导出（不用命名）export default { data （） { return {msg: "header" } }}...

浅述Javascript的外部对象

2017-02-06 21
Window 浏览器：- location：地址- history：历史- Document：文档- screen：窗口- navigator：帮助> 1.外部对象就是浏览器提供的API -- **BOM**> 2.这些对象由w3c规定，由浏览器开发者设计并开发> 3.这些对象分为2部分，其中BOM包含了DOM> 4.我们可以通过js访问这些对象# 外部对象> BOM （Browser Object Model） 浏览器对象模...

Bootstrap基本组件学习笔记之下拉菜单（7）

2017-02-06 19
对于一些较为常用的功能模块，Bootstrap也进行了封装。包括下拉菜单、按钮组、导航、分页、缩略图、进度条等。 下面先总结下下拉菜单的使用。直接看下面的例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...

Bootstrap基本组件学习笔记之按钮组（8）

2017-02-06 20
按钮组允许多个按钮被堆叠在同一行上，实现起来非常简单。0x01 基本用法直接看下面的例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../c...

jquery操作ID带有变量的节点实例

2017-02-06 19
如下所示：var indexNode="content"+index;$（"#"+indexNode）.show（ "puff", { }, 500, callback ）;以上这篇jquery操作ID带有变量的节点实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。...

详解ES6中的let命令

2017-02-06 18
let是ES6里面新的复制命令，let赋值命令只可以在{}代码块中被调用。下面通过实例给大家讲解es6中的let命令，具体内容如下所示：1.let命令的用法和var命令类似，但let命令声明的变量只在let所在的代码块内有效{let a=10;var b=1;}console.log（a）;//Uncaught ReferenceError: a is not definedconsole.log（b）;2.let命令不存“声明提前”现象，因此变量一定要先...

Bootstrap基本组件学习笔记之input输入框组（9）

2017-02-06 19
使用input输入框组，可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。看下面的例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href=".....

Bootstrap基本组件学习笔记之导航（10）

2017-02-06 18
Bootstrap的导航很有特色，主要分为胶囊式导航、面包屑导航、头部导航共3大类，可以满足绝大部分需求。0x01 胶囊式导航胶囊式导航采用的是无序列表ul来实现：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...

Bootstrap风格的WPF样式

2017-02-06 21
简介此样式基于bootstrap-3.3.0,样式文件里的源码行数都是指的这个版本.CSS源文件放到了Content文件夹下的bootstrap.cssWPF样式和CSS还是不太相同,所以有些内容实现上稍有出入,有些内容用法不太一样,有些内容并没有实现但至少,一些概念,尺寸和取色,还是很好的借鉴博客说明按Bootstrap官方文档的顺序来写App.xaml里引用Bootstrap.xaml资源<Application.Resources><...

Bootstrap学习笔记之环境配置（1）

2017-02-06 19
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。对于不太熟悉前端开发的程序员来说，是一个很好的解决方案。0x01 Bootstrap结构下载了Bootstrap v3.3.0版本（预编译版本），主要包含有css、js和fonts三个目录。下面是我在学习总结中构建的目录结构，其中的html文件夹用来放置编写的html页面,img文件夹放置使用的图片。0x02 基...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图