百度上传插件Web Uploader教程_Web Uploader使用Demo实例
dwtedx JavaScript教程 23936 28 2015-12-25 15:29:35

一、Web Uploader WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主、FLASH为辅的现代文件上传组件、在现代的浏览器里面能充分发挥HTML5的优势、同时又不摒弃主流IE浏览器、沿用原来的FLASH运行时、兼容IE6 、iOS 6 , android 4 、两套运行时、同样的调用方式、可供用户任意选用、采用大文件分片并发上传、极大的提高了文件上传效率 二、Web Uploader优点 1、分片、并发 分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度...

阅读全文

js曲线图统计图表插件_jQuery天气统计图表控件
dwtedx JavaScript教程 1573 0 2015-12-07 12:40:29

一个简单的js脚本代码、使用了tooltip的统计图插件、主要实现了气温变化折线图的效果、另外还使用了tip功能、当鼠标放到统计图上面的时候会显示相应位置的详细天气情况、非常不错的实例、可以很方便的融入到自己项目里面去、另外最下面有Demo的下载地址、以下为效果图 引入JS文件 <script src="js/jquery.js" type="text/javascript"></script> <script src="js/echarts-all.js" type="te...

阅读全文

在线Html5 Canvas圆形计时器_Javascript秒表特效源代码
dwtedx JavaScript教程 1814 1 2015-11-03 10:52:53

本Demo是一款html5 canvas圆形计时器源代码、并使用了非常好看的动画特效、Demo是一款简单实用的带有开始暂停按钮的60秒一分钟圆形计时器、效果非常不错、js代码已经封装好了、只需要在index.html里面简单调用即可、效果图如下 JS引入 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.pi...

阅读全文

JavaScript命名空间理解_js命名空间是什么
dwtedx JavaScript教程 1894 3 2015-10-22 12:33:10

一、前言 命名空间可以被认为是唯一标识符下代码的逻辑分组、为什么会出现命名空间这一概念呢?因为可用的单词数太少、并且不同的人写的程序不可能所有的变量都没有重名现象、在JavaScript中 命名空间可以帮助我们防止与全局命名空间下的其他对象或变量产生冲突、命名空间也有助于组织代码、有更强的可维护性和可读性、本文旨在探讨JavaScript里的几种常见命名空间模式、为我们提供一个思路 JavaScript执行环境有很多独特之处、全局变量和函数的使用就是其中之一、JavaScript的执行环境由各种...

阅读全文

html js代码高亮插件下载_google code prettify代码高亮显示
dwtedx JavaScript教程 1174 0 2015-07-27 21:27:11

由于我的博客里面分享在大部分是代码类的文章、难免会在文章中插入中很多代码、这个时候就需要使用高亮来体现代码的可读性、就像在IDE里面编程一样、这时分享我博客使用的方式、那就是使用 google-code-prettify 来实现的 google-code-prettify可以用来很方便地对网页中的程序代码进行高亮显示、从而在视觉上使得网页上的代码看得比较舒服、这对网站站长来说是很重要的、下面给大家介绍一下google-code-prettify 的使用方法与步骤、希望对大家有用 1、下载google-code-...

阅读全文

Html5视频播放器代码_jQuery网页视频播放器插件
dwtedx JavaScript教程 1320 0 2015-07-08 10:43:40

本Demo是一个使用ckplayer实现的一个网页播放器、视频可以是flv、也可以是mp4、ckplayer的代码非常小巧、同时功能强大定制方便的网页播放器、调用代码也非常简单、ckplayer的内部有很完善的注释、使用起来非常方便、运行效果如下 JS代码 var flashvars={ f:´http://movie.ks.js.cn/flv/other/1_0.flv´, c:0, b:1 }; var params={bgcolor:´#FFF´...

阅读全文

Html jQuery左右伸缩侧边导航菜单栏
dwtedx JavaScript教程 1653 0 2015-07-01 12:50:56

分享一个类似于百度地图的左边菜单栏的收缩和展开功能、并附有动画郊野、Demo里实现了从左边展开和从右边展开两种方式、很方便的就可以集成到自己的项目中、非常方便 HTML代码 <div id="page"> <h1>板滑块的例子</h1> <a id="left-panel-link" href="#left-panel">打开左面板</a> | <a id="right-panel-link" href="#right-panel"&...

阅读全文

HTML5 Canvas点击燃放烟花动画效果源代码下载
dwtedx JavaScript教程 2279 0 2015-04-06 10:56:58

HTML5烟花散射动画效果、主要是基于HTML5 canvas实现、有粉末效果和放射效果两种特效、可自由切换两种烟花效果、非常不错的、喜欢做特效的朋友可以下载研究研究、代码也非常简单、主要是通过canvas的相关api实现的、效果图 HTML代码 <div style="position: absolute; top: 50px; left: 50px;background-color: #000000"> <canvas id="canvas" width="666" height=...

阅读全文

淘宝js图片局部放大镜插件代码及Demo效果
dwtedx JavaScript教程 1774 0 2015-03-17 10:15:36

一款原生js自由放大镜特效FreeZoomer、可用于商品展示的图片放大、如淘宝京东都有类似功能、在这里与大家分享一个纯js写的插件 用法很简单、引用放大镜插件文件和样式文件、html页面上再给图片加上属性class="free-zoomer"和data-img-big="大图的路径"就行了、有什么不明白的就查看作品的源码、里面注释写得很详细、希望对大家有用哦 获取放大容器 function GetViewPanel() { var panel = document.getElementBy...

阅读全文

新版百度分享自定义图片按钮样式_高仿百度百科分享样式
dwtedx JavaScript教程 1523 2 2015-01-20 13:17:36

相信很多站点都使用了百度分享、因为使用百度分享有很多好处、比如引入社会流量、收录的优势等等 随着百度分享2.0的升级、同时也推出了专业开发版、可以自定义分享的样式、要分享的平台等等、都是可以自定义的 当然我也使用了百度的分享功能、一开始我是使用的默认的分享样式、不能说丑吧、但总是认为不是很好看、所以就想着怎么美化这个东西 突然有一天我在访问百度百科的时候、觉得那个分享功能非常好看、也就情不自禁的产生了一种想法、怎么样把这个东西搞到我自己的博客里面呢、最后高仿了一个、现在分享给大家、希望大家喜欢、大家可以在旁边看看...

阅读全文

javascript split函数使用Demo
dwtedx JavaScript教程 1074 0 2015-01-15 13:45:39

split是将一字符串以特定的字符分割成多个字符串、并以一维数组的形式储存、一般的语言都有这个方法、比如javascript、java、c#等、现在记录一下javascript的split、以便以后使用、同时也希望对大家有点启发 语法 stringObject.split(separator,howmany) .options,.options tr, .options tr td, .options tr th{ border:1px solid; } 参数 ...

阅读全文

使用AngularJS和Bootstrap日期选择控件_最好用的日期控件
dwtedx JavaScript教程 65187 34 2014-12-20 16:54:27

简介 非常令人兴奋的的、当你开发的Web应用程序使用了AngularJS、我刚才在网上研究了很多文章、并尝试与引用最新版本V3.2.0来完成简单的日期选择器控件、可以非常容易使用和定制你想要的日期格式和类型、参考日期选择器、但是它使用非常复杂的控制。写有日期选择器的代码、日期控件效果图 背景 与标题一致,它是关于使用RequireJS和Bootstrap,绑定应用程序构建的基本思路、这是一个简单的日期控件组件、在AngularJS加载依赖、了解源代码、你应该了解对AngularJS、引入、HTML、...

阅读全文

AngularJS快速入门教程应用例子源码下载
dwtedx JavaScript教程 10299 4 2014-12-05 08:53:10

介绍 本文将讲解如何在开发中使用AngularJS、并写了一个例子、例子中涵盖了基本angularJS应用程序、包括基础的AngularJS的使用、Routing(路由)、AngularJS语法以及与数据服务的交互、本例子是在VS2012和.NET MVC框架下使用AngularJS的、希望对大家有帮忙、在使用AngularJS之前、你必须了解一些基础的知识、如:javascript、HTML、AngularJS是在加载完DOM对象之后开始执行的、AngularJS库可以从https://angularjs.org/下载 教...

阅读全文

使用NodeJS Express和MongoDB搭建一个简单的日志服务器例子
dwtedx JavaScript教程 2478 0 2014-10-29 09:53:28

介绍 在这篇文章中、我们将回顾一段NodeJS代码、并学习如何使用一些常用的模块、本文中描述的是一个简单的应用程序、应用程序会保存程序在运行的时的日志信息、包括错误信息、警告和信息等、该日志服务器中最引人注目的一点是它存储日志数据的方式、采用了一种面向文档数据库 获取源 你可以从这里获取代码 https://github.com/afshinm/NodeJS-log-server 我们将在这个应用程序中使用Mongoose和Express模块、你可以使用这两个模块简单的运行在一个小的网站或者博客...

阅读全文

JS浏览器Cookie面向对象例子_Cookie通过JS命名空间封装实例
dwtedx JavaScript教程 1589 0 2014-10-20 13:42:47

1. Cookie介绍 cookie的传递流程是用户在访问站点时、服务器端生成cookie、发送给浏览器端储存 当下次再访问时浏览器会将该网站的cookie发回给服务器端、服务器端根据cookie信息显示特定的内容 简而言之就是浏览器端会储存你在这个站点的一些信息、比如登录状态、用户ID、密码、浏览过的网页 停留的时间等信息、记录在cookie里、方便下次访问时发送给服务器端、因为HTTP协议是无状态的 即服务器不知道用户上一次做了什么、这严重阻碍了交互式web应用程序的实现 服务器可以设置或读...

阅读全文

使用JavaScript判断浏览器类型_js获取客户端浏览器信息
dwtedx JavaScript教程 2365 1 2014-08-31 11:05:33

前几天在做项目的时候需要调适网站的兼容性、大家都知道这是一个非常苦逼的活、其中我用到了 JS 区分浏览器的技术 一般的浏览器类型都可以通过js来判断出来,当然,少数例外(例如:360浏览器,它会隐藏自己的外壳,原因我就不解释,明白人都懂的) 今天给大家分享的是一个通过原生js写的判断浏览器类型的小例子 原理大致如下:每一个浏览器的UA不同,例如火狐浏览器的UA是Firefox,IE浏览器的UA是MSIE Chrome浏览器的UA是Chrome,搜狗浏览器的UA是SE,遨游浏览器的UA是Maxthon...

阅读全文

DD记账
top
+