标签: HTML

JQuery实现CheckBox的全选、取消全选、反选功能

在新版JQuery中一定要通过prop方法实现,而不是以前的attr方法,否则会出现第一次管用,再点就无效的问题。 有关区别详情参看:jQuery学习之prop和attr的区别 以下为实现代码,该代码会操作所有name属性为product的复选框。 (其中class为glyphicon的span标签是Bootstarp的图标表现方式,不需在意) <a href=”javascript:$(‘input[name=’product’]’).prop(‘checked’,true);” target=”_self” class=”btn btn-link ” role=”button”><span class=”glyphicon glyphicon-check”></span> 选择全部</a> <a href=”javascript:$(‘input[name=’product’]’).prop(‘checked’,false);” target=”_self” class=”btn btn-link ” role=”button”...

更多

实现网页客户端实时自动解析Markdown为HTML内容

目前大多数相关项目实现的都是服务器端的Markdown语法解析,解析后将HTML代码返回给客户端,比如这个C#的项目:markdownsharp 我感觉这么轻量的格式没必要浪费服务器运算及带宽资源,还是通过Javascript实现客户端解析的方法最为实用,而且客户端解析的方式还能实现实时的所见即所得对照编辑,非常方便。 多番寻找和尝试,最终选定了markdown-js 首先从这里下载其浏览器版: https://github.com/evilstreak/markdown-js/releases 解压缩后在其js文件同目录下新建一个网页进行测试,代码如下: <!DOCTYPE html> <html> <body> <textarea id=”text-input” oninput=”this.editor.update()” rows=”6″ cols=”60″>Type **Markdown** here.</textarea> <div id=”preview”> </div> <scrip...

更多

振奋人心的转变——微软新战略

纳德拉上台以来,微软的各项举动都转向了开明开放,业界评价很好,微软此次借Connect大会带来了开发界的新风,令人倍感振奋。 这里做一下简评,详细情况可以参看这篇博文:http://www.cnblogs.com/micua/p/new-microsoft.html 首先专业级的顶级开发工具Visual Studio 2013社区版彻底免费,允许个人和小型企业免费使用和开发付费商业软件,作为世界顶尖的IDE,这对开发者诱惑力相当之大。 接着通过Apache Cordova、Clang、LLVM,充分支持了多移动平台的Web App、原生App应用开发。通过Visual Studio使用C#快速开发App,并同时适配Android、IOS、WindowsPhone,将有可能实现。 同时.Net框架开源这一举措结合之前放出的ASP.NET vNext,能够充分加速.Net托管程序的跨平台步伐。 这样使用微软优质、高效的技术,从开发到部署也可以做到全程免费,会对于企业很有吸引力。 这是个洗牌的时代,相信通过这样的战略: 语言方面,C#的使用率会飞快攀升。经过多年的发展,C#的杰出特性已无须赘...

更多

在 JQuery Mobile 中实现瀑布流图库布局

先来看在Windows系统的1080P显示器中显示的效果: 这个整合方式几乎没有现存的实例,是自己总结出来的方法,在此记录下来。 首先访问Masonry官网下载masonry.pkgd.min.js:http://masonry.desandro.com/ 将其整合到项目中,在页面中引入。 初始化id变量,让页面每次加载时的id都不同,避免 Ajax 加载时id重复造成难以察觉的错误。 var id = “gallerycontent” + Guid.NewGuid(); 采用HTML初始化方式进行初始化: <div id=”@id” style=”margin: 50px auto;” class=”js-masonry” data-masonry-options='{ “isFitWidth”: true, “itemSelector”: “.post” }’> …. …. …. </div> 以上为外部容器代码。id属性使用前面的变量;style属性和后面的isFitWidth选项共同实现了容器自动水平方向居中功能;我没有像Masonry入门教...

更多

网页内嵌Windows Media Player播放器的多文件播放方法

网页内嵌Media Player播放器很简单,以下代码即可完成一个简单的播放器: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta content=”text/html; charset=utf-8″ http-equiv=”Content-Type” /> <title>音乐播放器÷</title> </head> <body> <object height=”200″ type=”video/x-ms-wmv” width=”200″> <param name=”filename” value=”C:UsersSkyDMusicGroove Coverage...

更多