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、...
使用前提是：电脑已经安装了word,这里用到的是word组件Word.Application。 代码如下: WalkingPoison's Word-to-HTML sample function saveword() { var oWordApp=new ActiveXObject("Word.Application"); var oDocument=oWordApp.Documents.Open("C:\\test.doc"); oDocument.SaveAs("C:\\test.html", 8) oWordApp.Quit(); } 点击保存按钮就可以将C:\test.doc文件转成C:\test.htm文件了。 这里有篇js word转html之前的文章...
获取HTML文件的指定元素 function getElement1(){ alert(document.all("myH2").tagName); } function getElement2(){ alert(myH2.tagName); } function showTags(){ alert(document.all.tags("P").length); } function showItems(){ var strTags = ""; for (var i=0; i 获取HTML文件的指定元素 获取HTML文件的元素Body 获取HTML文件的元素H2 获取HTML文件的元素P [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
因为是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....
1 插入行 var num = 1; function addRow() { num ++; InsertRow(tableList,""+num+"新行"); } function InsertRow(table,rowHtml) { var o=document.createElement("div"),ol; o.innerHTML=""+rowHtml+"" ol=o.childNodes[0].tBodies[0].rows while(ol.length>0){ table.tBodies[0].appendChild(ol[0]) } } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] Table的 tBodies属性是一个JS中的集合，而不是数组，没有so...
本文实例讲述了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...
本文实例为大家分享了网页版日历代码，供大家参考，具体内容如下 效果图：实现代码：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"...
本文实例讲述了jQuery实现鼠标跟随提示层效果代码。分享给大家供大家参考，具体如下： 运行效果截图如下：Web网站有不少需要用到tip提示层的地方，结合jquery的jquery.cluetip.js ，可以实现本地字符或ajax异步调用显示提示层。如以上购评分明细提示。(优势：宽度需要调用页加载时定义，高度auto , 且三角指定图标能根据显示层的大小位置来调用它的位置，达到醒目直观的效果) jquery.cluetip.css/* global */ #cluetip-close img {...
HTML颜色选择器 范围：#000 - #FFF //  '); } document.writeln(''); var begin = 0; for (var i = 0; i '); for (var g = begin; g '); } } document.writeln(''); } } // ]]> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
W3C的标准告诉我们，可以通过Dom对象的contentDocument属性来返回文档对象。 即 代码如下: doc= document.getElementById(myframe ).contentDocument 但对IE浏览器来说，经过测试，IE6，IE7都不支持，IE8开始支持了。 在IE下，需要这样来访问 代码如下: document.frames[myframe].document; 跨浏览器的解决方案是， contentWindow属性，这是个只读属性，返回指定的iframe的窗口对象。 它虽然不是标准的一部分，但各个主流浏览器...
问题描述 有一个比较复杂的HTML片段(A)，如果把这个HTML片段嵌入到其他页面中（B,C,D....）。 问题的关键是在HTML片段中有大量的JavaScript逻辑需要处理，比如说分页，点击事件响应等。 对于这个问题，我们用一个简单的例子来说明： “页面上有一个按钮，点击此按钮引入一个HTML片段，此HTML片段中有分页按钮。” 1. 使用IFrame 主页面，点击一个按钮向页面引入一个IFrame： 代码如下: $(function() { $(...
代码如下: interface HTMLCollection { //包含结点的个数 readonly attribute unsigned long length; //根据指定的索引index，返回相应的结点 //HTMLCollection中的结点呈树形结构，索引值index是结点深度优先方式排序的序号 Node item (in unsigned long index); //根据结点的name或者id的属性返回相应的结点 Node namedItem (in DOMString name); }
腾讯微博也已近实现了拖拽上传。其实很简单。 由于没有服务器支持在文章里不能做上传演示，下载实例 拖拽上传需要什么支持 1:需要浏览器支持 drop 事件。(响应拖拽事件获取file对象); 2:XMLHttpRequest 对象有 sendAsBinary 方法(用于发送数据); 以上两个条件 目前仅有 firefox 能达到。 chrome 第一项达标，第2项可以使用 google.gears 来模拟。 所以能实现拖拽上传的浏览器 有 firefox3.6 + 和 chrome7+。 如何实现拖拽上传 1:绑...
效果图:http://code.google.com/p/jquery-placeholder-js/ 演示代码:http://demo.jb51.net/js/2011/jqueryplaceholder/打包下载:http://xiazai.jb51.net/201105/yuanma/jqueryplaceholder.rar
html代码： 代码如下: plain special I am special plain script代码： 代码如下: function addRemoveItemNS() { var $newLi = $(special and new I am new remove me); $(#list3 li.special) .find(button.addone) .unbind(click.addit) .bind(click.addit, function() { $(this).parent().after($newLi); addRemoveItemNS(); }) .end() .find(button.removeme) .unbind(click.removeit) .bind(click.removeit, function() {...