返回织梦建站服务网首页 业界新闻 教程文档 资源下载 酷站鉴赏 免费服务 站长工具
织梦建站工作室
织梦建站论坛
载入中…
专题栏目
最新热门
>>更多热门...  
最新推荐
>>更多推荐...  
  您现在的位置: 织梦建站服务网 >> 建站教程 >> 网页制作 >> Js\网页特效 >> 教程正文
200多个网页javascript技巧收集大汇总!          ★★★★★
HITS: TIME:2007-9-5 10:27:11 AUTHOR:佚名 URL:落伍论坛
CONTENT INTRODUCE :
放大文字  缩小文字  发表评论  加入站内收藏夹  告诉好友  打印模式  关闭窗口 

40.双击网页自动跑
<SCRIPT LANGUAGE="JavaScript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",1);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
  sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</SCRIPT>//

41.后退
<INPUT TYPE="button" onclick=window.history.back() value=back>

42.前进
<INPUT TYPE="button" onclick=window.history.forward() value=forward>

43.刷新
<INPUT TYPE="button" onclick=document.location.reload() value=reload>

44.转向指定网页
document.location="[url=http://www.upschool.com.cn/]http://www.upschool.com.cn[/url]"或者document.location.assign("[url=http://www.upschool.com.cn/]http://www.upschool.com.cn[/url]")

45.在网页上显示实时时间
<SCRIPT LANGUAGE="JavaScript">
var clock_id;
window.onload=function()
{
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
}
</SCRIPT>//

46.可以下载文件
document.location.href="目标文件"//

47.连接数据库
import java.sql.*;
String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";
Class.forName(myDBDriver);
Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");
Statement stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery(sql);
rs.getString("column1");//

48.可以直接在页面“div”内写下所需内容
<INPUT TYPE="button" >
<div id=a1></div>//

49.可以改变页面上的连接的格式,使其为双线
<style>
A:link {}{text-decoration: none; color:#0000FF; font-family: 宋体}
A:visited {}{text-decoration: none; color: #0000FF; font-family: 宋体}
A:hover {}{text-decoration: underline overline; color: FF0000}
</style>

<style>
A:link {}{text-decoration: none; color:#0000FF; font-family: 宋体}
A:visited {}{text-decoration: none; color: #0000FF; font-family: 宋体}
A:hover {}{text-decoration: underline overline line-through; color: FF0000}
TH{}{FONT-SIZE: 9pt}
TD{}{FONT-SIZE: 9pt}
body {}{SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7;

SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;

SCROLLBAR-TRACK-COLOR: #e7e7e7;}

INPUT{}{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:

9pt; BORDER-LEFT-COLOR: #cccccc;
BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;

PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
DIV,form ,OPTION,P,TD,BR{}{FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
textarea, select {}{border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体;

font-size: 9pt; font-style: bold;}
.text {}{ font-family: "宋体"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px

1px 1px}
</style>完整的css


50.新建frame
<a

href="javascript:newframe([url=http://www.upschool.com.cn]http://www.upschool.com.cn'[/url],[url=http://www.upschool.com.cn]http://www.upschool.com.cn'[/url])"><img alt=帮助 border=0 src="/Tech/UploadFiles_3867/200709/20070905103249940.gif"></a>

51.向文件中写内容
<%@ page import="java.io.*" %>
<%
String str = "print me";
//always give the path from root. This way it almost always works.
String nameOfTextFile = "/usr/anil/imp.txt";
try
{
  PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));
  pw.println(str);
  //clean up
  pw.close();
}
catch(IOException e)
{
  out.println(e.getMessage());
}
%>

52.先读文件再写文件
<%@ page language = "java" %>
<%@ page c %>
<%@ page import ="java.util.*" %>
<%@ page import ="java.lang.*" %>
<%@ page import ="javax.servlet.*" %>
<%@ page import ="javax.servlet.jsp.*" %>
<%@ page import ="javax.servlet.http.*" %>
<%@ page import="java.io.*" %>
eryrytry
<%
int count=0;
FileInputStream fi =new FileInputStream ("count.txt");
ObjectInputStream si= new ObjectInputStream (fi);
count =si.readInt();
count++;
out.print(count);
si.close();

FileOutputStream fo =new FileOutputStream ("count.txt");
ObjectOutputStream so= new ObjectOutputStream (fo);
so.writeInt(count);
so.close();
%>

53.直线型输入框
<INPUT name=Password size=10 type=password style="border-left-width: 0; border-right-width: 0;

border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">

54.可以将背景改为按钮性状,通过改变css改变属性
<td width="65" align="center" bgcolor="#E0E0E0" onmouseover=this.className='mouseoverbt';

onmouseout=this.className='mouseout';><a href="tm.asp?classid=76"><font

color="#000000">录音笔</font></a></td>
<style>
.mouseoverbt
{}{
background-image: url([img]/Tech/UploadFiles_3867/200709/20070905103254921.gif[/img]);
background-repeat: no-repeat;
}
.mouseout
{}{
background-color: #E0E0E0;
}
</style>

55.同时按下CTRL和Q键
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//
教程录入:jerome    责任编辑:jerome 
  • 上一篇教程:

  • 下一篇教程: 没有了
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

    相关教程
    图文教程:Discuz!5.5 JS的调用
    用javascript 转换外部链接样式
    AS3 技巧和提示
    AS+JS的Flash网站无刷新定位技术
    javascript 和 Flash 的通信
    flash 弹出窗口 js 生成器
    讨论——关于Flash 程序的优化
    Google使用技巧
    CSS+JS构建的图片查看器
    X-Sapce使用系列教程
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    湘ICP备05010790号 {$Wap}
    关于我们 | 版本历史 | 联系方法 | 隐私条例 | 链接我们 | 广告服务 | 常见问题 | 友情链接 | 网站公告 | 设为首页 | 收藏本站
    Copyright © 2001-2006 17zm.NET All Rights Reserved.  织梦建站工作室[织梦建站工作室]™荣誉出品. Since 2001