JS创建优美的页面滑动块效果 – Glider.js

曾经看到http://www.panic.com/coda/ 上的滑动块,非常喜欢。可惜自己多JS了解不深,没法模拟出来。

早上发现Google code上的一个JsFrame – Glider.js。很容易的实现http://www.panic.com/coda/ 上的滑动块效果。
演示地址:http://5key.net/ex/glider
下载地址:http://5key.net/ex/glider/glider-0.0.3.rar
Google code上的项目地址:http://code.google.com/p/missingmethod-projects/

[排序]表格排序的JS类

http://kryogenix.org/code/browser/sorttable/ 一个Javascript 的类库,用于table内容排序。使用很方便,不用每次都去调用数据库了。
特别适合多表查询的排序。加上 的style.display 切换,也可以实现分页。 1.添加JS

程序代码 程序代码
2.添加TABLE,注意的是:一定要有ID,class为”sortable”
程序代码 程序代码

OK,可以了,简单的吧 如果觉得太单调,自己加点CSS吧,官方给出了改HEAD的CSS
程序代码 程序代码
/* Sortable tables */
table.sortable a.sortheader {

[css]多个类似元素改变样式的简单方法

程序代码 程序代码
http://bbs.blueidea.com/thread-2703953-1-1.html
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
]]>

innerHTML & innerText 的区别

object.innerHTML: object所包含的元素的HTML,不包含object
object.outerHTML: object及它所包含元素的HTML,包含object

  1. <a href="#" onclick="alert(this.innerHTML)">this is innerHTML</a>
  2. <a href="#" onclick="alert(this.outerHTML)">this is outerHTML</a>

来个应用的

  1. <a href="#" onclick="this.innerHTML='<p onclick=alert(this.outerHTML)>this is outerHTML</p>' ">this is innerHTML</a>

上面都是采用的this本身,下面采用id对应object

  1. <button onclick=alert(obj1.innerHTML)>obj1.innerHTML</button>
  2. <button onclick=alert(obj2.outerHTML)>obj2.outerHTML</button>
  3. <div id=obj1><font color=blue>cnbruce</font></div>
  4. <div id=obj2><font color=red>cnrose</font></div>
  5.  
  6. <select NAME="cn_who">
  7. <option value="male">cnbruce</option>
  8. <option value="female">cnrose</option>
  9. </select>
  10.  
  11. <input TYPE="button" VALUE="The Node" onClick="alert(cn_who.children[0].nodeName)">
  12. <input TYPE="button" VALUE="The Name" onClick="alert(cn_who.children[0].innerText)">
  13. <input TYPE="button" VALUE="The Sex" onClick="alert(cn_who.children[0].value)">
  14. <input TYPE="button" VALUE="The Node" onClick="alert(cn_who.children[1].nodeName)">
  15. <input TYPE="button" VALUE="The Name" onClick="alert(cn_who.children[1].innerText)">
  16. <input TYPE="button" VALUE="The Sex" onClick="alert(cn_who.children[1].value)">
  17.  
  18. <a href="#" onclick="this.insertAdjacentText('afterEnd',' cnbruce ')">insertAdjacentText</a>

如何定时运行ASP文件 – blueidea.com

看到觉得蛮实用的,就摘录下来了,原文地址是《如何定时运行ASP文件
————————————————–
在一定的时候,要定时的运行某个ASP文件去执行一个任务,如一个工厂在早上9点钟要采集所有的电表的读数,当然这要通过IN SQL连接到各个电表中,我们现在就是用一个ASP文件把IN SQL中表的读数再集中到MS SQL中。
 
可能你看到的定时运行ASP文件的方法有多种,不过我现在要说的是一种简单的方法,利用计划任务就可简单的实现。
 
首先,你要写一个js或者vbs文件来调用你所有执行的ASP。下面是js和vbs文件的代码,你可以任选一个,执行效果是一样的。

  1. 'CODE BY 小荷 aston314@sohu.com
  2. 'Create an instance of IE
  3. Dim IE
  4. Set IE = CreateObject("InternetExplorer.Application")
  5.  
  6. '运行你的 URL
  7.  
  8. ie.navigate("http://www.blueidea.com/")
  9. ie.visible=1
  10.  
  11. 'Clean up...
  12. Set IE = Nothing

你可以取任何名称,但后缀名一定要是vbs,在这里我们取名do.vbs。

  1. //CODE BY 小荷 aston314@sohu.com
  2. // Create the HTML message to display.
  3. var html = "";
  4.     html += "<html><head><title>运行窗口</title></head><body>";
  5.         html += "<font face=verdana></font>";
  6.         html += "</body></html>";
  7.  
  8.  
  9. // Create Internet Explorer Object
  10. ie = new ActiveXObject("InternetExplorer.Application");
  11.  
  12. // Define how the window should look
  13. ie.left       = 50;
  14. ie.top        = 50;
  15. ie.height     = 510;
  16. ie.width      = 470;
  17. ie.menubar    = 0;
  18. ie.toolbar    = 0;
  19.  
  20. // Set the browser to a blank page
  21. ie.navigate("http://www.blueidea.com/");
  22.  
  23. // Show the browser
  24. ie.visible=1;
  25.  
  26. // Open a stream and write data.
  27. //ie.document.open;
  28. //ie.document.write( html );
  29. //ie.document.close;

你也可以取任何名称,但后缀名一定要是js,在这里我们取名do.js。

这里不对文件中的代码进行解说。

只要把上面文件中的所有 http://www.blueidea.com/ 换成你要执行的ASP文件的URL地址就可以了。这里是URL地址,而不是绝对地址。

然后打开 WINDOWS 的任务计划,就象选择任何可执行文件一样选择上面一个do.js或者do.vbs文件所在的位置,设定执行时间等,确定就可以了。

然后这个ASP文件就可以被任务计划定时的运行了,简单吧。

就如开头所说的,任务计划就可以在早上9点,执行这个ASP文件,把电表的读数收集到 MS SQL 中了。

无觅相关文章插件,快速提升流量

下一页 »