浏览模式: 标准 | 列表分类:网页|前台相关

网页最顶部转瞬即逝的巨幅广告特效网页最顶部转瞬即逝的巨幅广告特效

纯JS调用,在合适的位置自行添加。

代码:
<!--首页全屏开始-->
<center>
<script language="JavaScript">
<!--
SYFS=true
var adInterPath="/AD/UploadAdPic/TopFullScreen/qp.jpg"
if (document.all) {
// this is a 4.x browser, no?
document.write('<SCRI' + 'PT LANGUAGE="javascript1.2"');
document.writeln(' SRC="js/TopFullScreen.js"></SCR' + 'IPT>');
}
// -->
</script>        
<DIV ID="hiddenLayer" style="display: none; height: 500px;">
<script language="Javascript">
<!--
        if (getsGlu) {
                expandableIframe = '<IFRAME id="FSFrame" width=760 HEIGHT=500 NORESIZE SCROLLING=No FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0></IFRAME>';
                document.write(expandableIframe);
        }
// -->
</script>
</div>
<!--首页全屏结束-->


把下面的代码保存为TopFullScreen.js

代码:
var ads_agt=navigator.userAgent.toLowerCase();
var ads_is_major = parseInt(navigator.appVersion);

var ads_is_ie   = ((ads_agt.indexOf("msie") != -1) && (ads_agt.indexOf("opera") == -1) && (ads_agt.indexOf("omniweb") == -1));
var ads_is_ie3  = (ads_is_ie && (ads_is_major < 4));
var ads_is_ie4  = (ads_is_ie && (ads_is_major == 4) && (ads_agt.indexOf("msie 5")==-1) && (ads_agt.indexOf("msie 6")==-1));
var ads_is_ie4up  = (ads_is_ie  && (ads_is_major >= 4));
var ads_is_ie5  = (ads_is_ie && (ads_is_major == 4) && (ads_agt.indexOf("msie 5.0")!=-1) );
var ads_is_ie5up  = (ads_is_ie  && !ads_is_ie3 && !ads_is_ie4);
var ads_is_ie5_1_macbeta = (ads_is_ie && (ads_agt.indexOf("mac")!=-1) && (ads_agt.indexOf("5.1b")!=-1));

var ads_is_nav  = ((ads_agt.indexOf('mozilla')!=-1) && (ads_agt.indexOf('spoofer')==-1)
                        && (ads_agt.indexOf('compatible') == -1) && (ads_agt.indexOf('opera')==-1)
                        && (ads_agt.indexOf('webtv')==-1));
var ads_is_nav6 = (ads_is_nav && (ads_agt.indexOf("netscape6")!=-1) && (ads_agt.indexOf("6.1")==-1));
var ads_is_nav6up = (ads_is_nav && !ads_is_nav4 && !ads_is_nav3 && !ads_is_nav2);
var ads_is_nav6_1 = (ads_is_nav && (ads_agt.indexOf("netscape6")!=-1) && (ads_agt.indexOf("6.1")!=-1));
var ads_is_nav6_1up = (ads_is_nav && !ads_is_nav6 && !ads_is_nav4 && !ads_is_nav3 && !ads_is_nav2);

getsGlu = ((ads_is_ie5up && !ads_is_ie5_1_macbeta) || ads_is_nav6_1up);

//function changediv(depth)
//{
//        divAll.style.zIndex=depth
//        }
function changediv()
{
        document.getElementById('hiddenLayer').style.display = "block";
        document.getElementById('FSFrame').src = adInterPath;
        setTimeout("hidediv()",5000)
}
function hidediv()
{
        document.getElementById('hiddenLayer').style.display="none";
        SYtag=2;
}
function showfull()
{
setTimeout("changediv()",2000);
}
showfull()

别忧郁了,让我们用两分钟做个xhtml+css的网站首页(zt)

xhtml+css 网站重构  web标准 等等之类的文章太多了. 我就不重复了,发个最简单的制作xhtml+css页面的方法.
方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到

您瞧好的话,就给点分:ohh:

开始吧:
1、打开photoshop cs2 ,打开设计出的网站首页。用切片工具切好。
图:
点击在新窗口中浏览此图片

2、点 文件-》存储为web所用格式  快捷键为ctrl+alt+shift+s   ,点右上倒三角的小图片,选择Edit output settings
图:
点击在新窗口中浏览此图片

3、见图,在第二个下拉中选择 Slices,选择Generate CSS ,然后在后面的下拉中选By ID
图:
点击在新窗口中浏览此图片

4、点OK保存并关闭设置窗口,在Save for Web窗口中点Save按扭,在保存类型中选择Html and Images,随便输入一个文件名,点保存。
图:
点击在新窗口中浏览此图片

5、完成任务。看一下代码,是不是xhtml+css的
图:
点击在新窗口中浏览此图片

呵呵,这么简单,就做出了个xhtml+css的页面。当然实际应用中,这种自动生成的页面还是不太好的。
还是建议大家用dreamweaver 8 + editplus 制作
http://warran.35818.net/
这是我刚给客户做的企业网站,采用xhtml+css制作,还没完成。。。。  :D

网站access数据库转SQL数据库图文详解

http://www.egzcn.com/article/webbc/asp/2005-2-27/old222.html

使网页中的元素可编辑

代码如下:
代码:
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV ID="oDiv">TEST---TEST---TEST 您可以在这里编辑文字!</DIV>
<SCRIPT>
<!--
oDiv.contentEditable = true;
// -->
</SCRIPT>
</BODY>
</HTML>

利用flash理解CSS盒模型

对于 CSS 的初学者来说,理解 CSS 盒模型可能是很困难,但却是重要的事情.这个 FLASH 的 CSS 盒模型 ,相信对于任何一个人来说,都会立刻理解 margin,background-color,background-image,padding ,border 以及他们之间的关系. 拖动进度条观看

Flash Player

网页自动跳转代码收集

代码:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入</title>
</head>
<body>
<form name=loading>
 <p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
  <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
  
  <input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
  <script> 
var bar=0 
var line="||" 
var amount="||" 
count() 
function count(){ 
bar=bar+2 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 
{setTimeout("count()",100);} 
else 
{window.location = "http://blog.gangege.com";} 
}</script>
 </p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://blog.gangege.com"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>


html的meta方式
这种方法的好处是可以控制重定向的时间

代码:

<meta http-equiv='Refresh' content='0;URL=index.html'>


在 <body> 里添加代码
代码:
<body onload="location.href='www.yoururl.com'">


自动跳转可以在新窗口中打开要跳转的页面
如不需要关闭原来的窗口则,把window.close();去了即可
  <body>  
  <script>  
  setTimeout("window.open('aaa.htm');window.opener=null;window.close();",1000);  
  </script>  
  </body>

javascript:完全容错和浏览器窗口自动最大化

编制JavaScript代码时.会由于我们的疏忽而存在一些错误,
以至于用户浏览时会弹出令人生厌的错误提示框架,如何处理这种情况呢?下面介绍两种常见方法:
------------------------------------------------------------------
一:完全容错
即用户浏览含有错误代码的页面时,忽视所有的错误.代码如下:

代码:
<script>
function killerr() {
return true
}
window.onerror=killerr
</script>

它虽然能掩盖错误,避免弹出错误提示框,但程序仍未正确执行,下面介绍另一处理方法.

二:反馈错误信息
即当出现错误代码时,自动弹出我们预先设计好的反馈窗口,目的是用户只需简
单地按一下鼠标就可以把反馈信息发到你指定的信箱,当然反馈窗口的内容我们
可以任意修改设计.代码如下:
代码:
<script>
function errorinfo()
{
errorwin=window.open("","","width=20,height=120")
errorwin.document.write('<title>脚本错误报告</title><center>该页
面发现了脚本运行错误,请<a href="mailto:admin@admin.com">通知</a>
管理员.<br><form><input type="button" value="关闭窗口" onCli
ck="window.close()"></form></center>')
errorwin.document.close()
errorwin.document.bgColor="#FFFFFF"
return true
}
window.onerror=errorinfo
</script>


三:优化浏览窗口
使用这段代码,当用户打开你的页面时,浏览器窗口会自动扩展到最大可利用空间(非全屏).岂不是很专业?
以下代码放在<head></head>之间:
程序代码
<script language="javascript">
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

带图片预览功能的图片上传代码

代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片上传</title>
<script>
function viewmypic(mypic,imgfile) {
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
</script>
</head>

<body>
<center>
<form name="upmyimg" method="post" enctype="multipart/form-data" action="getyourpic/" onsubmit="return checkimg( this );" >
<input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>

Tags: JS, 上传预览

让文本框里只能输入数字

代码:

<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39) value=value.replace(/\D/g,'');"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\D/g,''))">


这个方法可以限制在此文本框中只能输入数字,输入字母或其他则被自动消除掉。

企业网站常用中英文对照表


引用
网站导航 site map

公司简介 PROFILE or COMPANY Profile or Company

公司设备 EQUIPMENT Equipment

公司荣誉 GLORIES Glories

企业文化 CULTURE Culture

产品展示 PRODUCT Product

资质认证 quality certification

企业规模 SCALE Scale

营销网络 Sales Network

组织机构 orGANIZATION organization

合作加盟 Join in Cooperation

技术力量 TECHNOLOGY Technology

经理致辞 Manager`s oration

发展历程 Development history

工程案例 Engineering Projects

业务范围 Business Scope

分支机构 Branches

供求信息 Supply & Demand

经营理念 Operation Principle

产品销售 SALES Sales

联系我们 CONTACT US Contact Us

信息发布 INFORMATION Information

返回首页 HOMEPAGE Homepage

产品定购 orDER order

分类浏览 Browse by category

电子商务 E-Business

公司实力 STRENGTH Strength

版权所有 Copy right

友情连结 Hot link

应用领域 Application Fields

人力资源 Human Resource HR

领导致辞 Leader`s oration

企业资质 Enterprise qualification

行业新闻 Trade news

行业动态 Trends

客户留言 Customer Message

客户服务 Customer Service

新闻动态 News & Trends

公司名称 Company Name

销售热线 Sales Hot-line

联系人 Contact Person

您的要求 Your requirements

建设中 In construction

证书 CERTIFICATE Certificate

地址 ADD Add

邮编 POSTAL CODE Zipcode

电话 TEL Tel

传真 FAX Fax

产品名称 Product Name

产品说明 DESCRIPTION Description

价格 Price

品牌 Brand

规格 Specification

尺寸 Size

生产厂家 MANUFACUTURER Manufacturer

型号 Model

产品标号 Item No.

技术指标 Technique Data

产品描述 Description

产地 Production Place

销售信息 Sales Information

用途 Application

论坛 Forum

在线订购 On-line order

招商 Enterprise-establishing

招标 Bid inviting

综述 General

业绩 Achievements

招聘 Join Us

求贤纳士 Join Us

大事 Great Event

动态 Trends

服务 Service

投资 Investment

行业 Industry

规划 Programming

环境 Environment

发送 Delivery

提交 Submit

重写 Reset

登录 Enter

注册 Login

中国企业网技术支持 Powered by ce.net.cn

社区 Community

业务介绍 Business introduction

在线调查 Online inquiry Inquiry

下载中心 Download

会员登陆 Member Entrance

意见反馈 Feedback

常见问题 FAQ

中心概况 General Profile

教育培训 Education & Training

游乐园 amusement park

在线交流 Online communication

专题报道 Special report
Records:9612345678910