http://www.gxlcms.com/jiaoben/15599.htmlsyntaxhighlighter是一个小开源项目，它可以在网页中对各种程序源代码语法进行加亮显示。支持当前流行的各种编程语言： C#、CSS、C++、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML 使用方法： 1、假设网页文件test.htm存放在一个目录，则将dp.SyntaxHighlighter解压缩到该目录下的子目录，假设为images 2、在网页的之间插入以下代码： 代码如下: 3、...
因为是html格式的内容，直接截取内容的前多少字符显然不合适了。而如果直接去掉所有html格式然后再截取又无法达到想要的效果，再网上搜了一通之后，写下如下代码应该可以满足基本的要求了。(js写的，因为容易调试) 代码如下: var br = {}; br.spTags = ["img","br","hr"];/*不需要成对出现的标记*/ br.contain = function(arr,it){ for(var i=0,len=arr.length;i<len;i++){ if(arr[i]==it){ return true; } } return false; } br....
var bq=document.getElementsByTagName("标签或ID名")//ID是唯一无许分组，标签非唯一，有可能返回一个数组. div=document.createElement("div"); ...设置CSS风格 bq.appendChild(div);//ID唯一性的话只需要这样！在bq之后插入div层 bq[0].appendChild(div);//如果前面用的是标签！数组跟下标！在bq之后插入div层 bq.insertBefore(div);//ID唯一性的话只需要这样！在bq之前插入div层 bq[0].insertBefore(div);//如果前面用的是标签...
本文实例讲述了js+html5实现的自由落体运动效果。分享给大家供大家参考，具体如下： 运行效果截图如下：具体代码如下：canvas自由落体var canvasheight = 500;var canvaswidth = 500;var g = 9.8;var plusV = 0.5;function Block(vo, x, y, width, height, g, context) {var _self = this;_self.vo = vo || 0;_self.x = x;_self.y = y;_self.prevX = x;_self.prevY = y;_self.g = g;_self.height = height;_self.width = width;_se...
最近有时间了解了下html5的各API，发现新浪微博的头像设置是使用canvas实现截图的，加之前段时间了解了下html5的File API使用File API 之FileReader实现文件上传《JavaScript File API文件上传预览》，更加觉得html5好玩了，想着也试试写写这功能权当学习canvas吧。 下面奉上我自己写的一个demo，代码写得比较少，很多细节不会处理。如果有不得当的地方恳请指教，谢谢啦 ^_^ ^_^ 功能实现步奏：一、获取文件，读取文件并生成url二、...
本文实例介绍了js结合HTML5 Ajax实现文件上传进度条功能，分享给大家供大家参考，具体内容如下 1. lib.js var Host = window.location.host; //--Cookie function setCookie(name,value) {var Days = 30;var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*60*1000);document.cookie = name + '='+ escape (value) + ';expires=' + exp.toGMTString(); } function getCookie(name) {var arr,reg=new RegExp('(^| )'+na...
本文实例介绍了javascript结合HTML CSS实现橙色导航菜单，分享给大家供大家参考，具体内容如下 效果图：超漂亮的HTML导航菜单CSS代码#top {display: block;text-align: left;height: 105px;position: relative;z-index: 0;}.m {margin: 0 auto;width: 970px;}body {font-size: 12px;}a {color: #333;text-decoration: none;}a:link {text-decoration: none;}/* Download by http://hovertree.com*/a.blue:link, a.blue:visited {co...
AngularJS是开发基于浏览器的响应式RWD应用程序的一个前端MVC框架，由谷歌最初开发的 开源项目，干净的架构吸引了大量粉丝，适合建立CRUD类型的业务应用程序，并不适合开发游戏等应用， 使用声明性编程的用户界面和命令式编程的逻辑， 支持现代桌面和移动浏览器 Internet Explorer版本8.0及以上。 AngularJS是一款客户端MVC的javascript框架，而客户端MVC代表未来架构(为什么要使用MVC+REST+CQRS架构)，如果你有Struts或SpringMVC等...
也许你见过HTML5图片破碎动画特效，实现的原理也挺简单的。但是你应该没有见过视频也可以破碎重组，这个HTML5动画就是利用Canvas的相关特性，实现了点击鼠标让视频破碎重组的效果。在视频区域点击鼠标，即可让该区域的视频破碎，让后经过一段时间后，破碎的区域又可以重组还原，视觉效果非常棒。HTML代码Click video to blow it up! JavaScript代码var video; var copy; var copycanvas; var draw;var TILE_WIDTH = 32; var TIL...
表单验证为终端用户检测无效的数据并标记这些错误，是一种用户体验的优化。 下面展现浏览器自带的验证功能也可在移动端中查看： HTML部分：html5 表单验证CSS部分：fieldset{border: 0;}.myform .form-control{display: block;padding: 5px;width: 100%}.myform input:focus:invalid + .form-error{display: inline;}.myform .form-error{display: none;position: absolute; margin-top: .7em;padding: 1px 2px;color: #fff;font-s...
这款HTML5焦点图不仅可以手动点击按钮切换图片，而且还支持自动切换图片，使用起来也相当方便。如果你需要在网站中展示产品图片，那么这款焦点图插件非常适合你。在线演示源码下载 HTML代码http://www.colazionedamichy.it/http://www.percivalclo.com/http://www.wanda.net/frhttp://lifeingreenville.com/http://circlemeetups.com/http://www.castirondesign.com/http://www.foundrycollective.com/http://www.mathiassterner.c...
本文实例为大家分享了javascript html5实现多文件上传的实现方法，具体内容如下 HTML结构：请选择一个图像文件：顺便说下这个上传的主要逻辑： 用input标签并选择type=file，记得带上multiple，不然就只能单选图片了绑定好input的change时间，重点就是如何处理这个change事件了，使用H5新的FileReader接口读取文件并打成base64编码，之后的事就是与后端同学交互着玩啦JS代码：window.onload = function(){var input = document.get...
本文实例为大家分享了网页版日历代码，供大家参考，具体内容如下 效果图：实现代码：var my = new Date();function showc() {var k=1;var j=1;var today;var tomonth;var theday=1;//日期var max;var temp;var tempday;//这个月第一天的星期document.write ("" + my.getFullYear() + "-" + (my.getMonth()+1) + "");document.write ("");document.write ("");document.write ("Sun");document.write ("Mon");document.write ("Tue"...
PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。 用的技术主要是： ajaxFileReaderFormDataHTML结构：已经封装好的upload.js，依赖zepto(function($) {$.extend($.fn, {fileUpload: function(opts) {this.each(function() {var $self = $(this);var doms = {"fileToUpload": $self.find(...
本文实例分享了html5 canvas可拖动省份的中国地图实现方法，供大家参考，具体内容如下 1.数据获取 画地图需要省份边界坐标，理论上可以每次都用百度API获取数据并绘图，但为了增加效率，首先将所有坐标都获取下来并存入数据库中。 新建省份数据数组代码如下:var allZoneData = [{name:辽宁省,been:yes,id:01},{name:吉林省,been:yes,id:02},……]; 轮询该数组，根据省份名称请求百度API获取坐标数据，并将数据以ajax方式放松给ph...