1.JavaScript--实现EMAIL功能
JavaScript--实现EMAIL功能
<script language="javascript">
function mailpage()
{
mail_str = "mailto:xxx@21cn.com?subject=推荐网页: " + document.title;
mail_str += "&body=我向你推荐这个页面,希望你喜欢!网页标题:" + document.title;
mail_str += "。请点击查看: " + location.href;
location.href = mail_str;
}
</script>
<A HREF = "javascript:mailpage()">E-mail</A>
2. JavaScript--检测分辨率
JavaScript--检测分辨率
以下代码加入<HEAD>区:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function redirectPage() {
var url640x480 = "http://www.17357.net/640x480";**记得改相应的页面
var url800x600 = "http://www.17357.net/800x600";
var url1024x768 = "http://www.17357.net/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
// End -->
</script>
以下代码加入<BODY>区:
<center>
<form>
<input type=button value="进入符合分辨率的页面" onClick="redirectPage()">
</form>
</center>
3. JavaScript--怎样使网页中的元素可编辑?
JavaScript--怎样使网页中的元素可编辑?
在IE5.5中,可以设定元素的编辑属性。语法如下:
object.contentEditable [= sEditable];
其中的sEditable为下列三个之一:
◇inherit
◇false
◇true
例子如下:[你可以对下面的文字进行编辑、修改、输入文字!]
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV ID="oDiv">欢迎光临【孟宪会之精彩世界】。您可以在这里编辑文字!</DIV>
<SCRIPT>
<!--
oDiv.contentEditable = true;
// -->
</SCRIPT>
</BODY>
</HTML>
4. JavaScript--文字的排列方式
JavaScript--文字的排列方式:
获取书写方式:
object.style.writingMode
设置书写方式:
object.style.writingMode = sFlowDir
其中 sFlowDir 是lr-tb或者tb-rl 之一
设定值 效果
lr-tb 默认的对象方向,即从左到右,从上到下的顺序
tb-rl 对象的排列方式为从上到下,从右向左排列。中文文字方向朝上,英文文字顺时针旋转90度。
例子如下:[请点击鼠标]
<div id=test style="POSITION: relative">8月14日,俄罗斯国防部……船员已全部遇难。</div>
<SCRIPT language=JavaScript>
document.onclick = rotate;
function rotate() {
if (test.style.writingMode == "lr-tb") {
test.style.writingMode = "tb-rl";
}
else {
test.style.writingMode = "lr-tb";
}
}
</SCRIPT>
5. JavaScript--在状态栏显示滚动文字
在状态栏显示滚动文字:
<script LANGUAGE="JavaScript">
<!--
var scrl_timer_active = false; //标记当前是否活动中
var scrl_timer_id = null; //timer对象
var my_message = "欢迎光临中远网络! "; //设置消息内容
var scrl_status_size = 200; //设置显示范围
var scrl_speed = 1; //设置步伐大小
var scrl_time = 60; //设置步伐速度
var scrl_msg = ""; //循环消息的内容
var scrl_idx = 0; //显示消息的首位置,即从哪个位置开始显示
var scrl_wrap = 100; //消息长度
function scroll_start(size, spd, time, msg) {
scroll_stop();
scrl_status_size = size;
scrl_speed = spd;
scrl_time = time;
scrl_wrap = msg.length;
diff = (size/msg.length)+1;
for(x=0; x<diff; x++)
scrl_msg += msg + " ";
scroll_status();
scrl_timer_active = true;
}
function scroll_stop() {
if(scrl_timer_active)
window.clearTimeout(scrl_timer_id);
scrl_timer_active = false;
}
function scroll_status() {
window.status = scrl_msg.substring(scrl_idx, scrl_idx+scrl_status_size);
scrl_idx += scrl_speed;
if(scrl_idx >= scrl_wrap)
scrl_idx -= scrl_wrap;
scrl_timer_id = window.setTimeout("scroll_status()",scrl_time);
}
//-->
</script>
<body ONLOAD="scroll_start(73, 0.1, 50, my_message)" OnUnload="scroll_stop()">
6. JavaScript--(伪)满屏
(伪)满屏代码:
<script language="JavaScript">
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
7. JavaScript--如何使主页自动被搜索引擎收录?
如何使主页自动被搜索引擎收录?
只要在<head></head>之间加入下面这段代码就可以了:
<head http-equiv="keywords" content="关键词":charset=gb2312></head>
或者
<meta name="keywords" content="关键词">
<meta name="description" content="网站描述">
8. 鼠标滚轮缩放图片(js)
function ZoomImg(o)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if(zoom > 0)
o.style.zoom = zoom + '%';
return false;
}
<img src="images/img.gif" onmousewheel="return ZoomImg(this)" width="200" height="200">
9. 剩余字数(js)
<script>
function TextCounter(field, maxLimit)
{
if (field.value.length > maxLimit)
field.value = field.value.substring(0, maxLimit);
else
document.Form1.remLen.value = maxLimit - field.value.length;
}
</script>
<textarea name="content" cols="73" rows="5" onPropertyChange="TextCounter(Form1.content, 1000)"></textarea>
<input name="remLen" value="1000" readonly type="text" size="4" maxlength="3" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: red; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #eaffe0">
JavaScript--实现EMAIL功能
<script language="javascript">
function mailpage()
{
mail_str = "mailto:xxx@21cn.com?subject=推荐网页: " + document.title;
mail_str += "&body=我向你推荐这个页面,希望你喜欢!网页标题:" + document.title;
mail_str += "。请点击查看: " + location.href;
location.href = mail_str;
}
</script>
<A HREF = "javascript:mailpage()">E-mail</A>
2. JavaScript--检测分辨率
JavaScript--检测分辨率
以下代码加入<HEAD>区:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function redirectPage() {
var url640x480 = "http://www.17357.net/640x480";**记得改相应的页面
var url800x600 = "http://www.17357.net/800x600";
var url1024x768 = "http://www.17357.net/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
// End -->
</script>
以下代码加入<BODY>区:
<center>
<form>
<input type=button value="进入符合分辨率的页面" onClick="redirectPage()">
</form>
</center>
3. JavaScript--怎样使网页中的元素可编辑?
JavaScript--怎样使网页中的元素可编辑?
在IE5.5中,可以设定元素的编辑属性。语法如下:
object.contentEditable [= sEditable];
其中的sEditable为下列三个之一:
◇inherit
◇false
◇true
例子如下:[你可以对下面的文字进行编辑、修改、输入文字!]
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV ID="oDiv">欢迎光临【孟宪会之精彩世界】。您可以在这里编辑文字!</DIV>
<SCRIPT>
<!--
oDiv.contentEditable = true;
// -->
</SCRIPT>
</BODY>
</HTML>
4. JavaScript--文字的排列方式
JavaScript--文字的排列方式:
获取书写方式:
object.style.writingMode
设置书写方式:
object.style.writingMode = sFlowDir
其中 sFlowDir 是lr-tb或者tb-rl 之一
设定值 效果
lr-tb 默认的对象方向,即从左到右,从上到下的顺序
tb-rl 对象的排列方式为从上到下,从右向左排列。中文文字方向朝上,英文文字顺时针旋转90度。
例子如下:[请点击鼠标]
<div id=test style="POSITION: relative">8月14日,俄罗斯国防部……船员已全部遇难。</div>
<SCRIPT language=JavaScript>
document.onclick = rotate;
function rotate() {
if (test.style.writingMode == "lr-tb") {
test.style.writingMode = "tb-rl";
}
else {
test.style.writingMode = "lr-tb";
}
}
</SCRIPT>
5. JavaScript--在状态栏显示滚动文字
在状态栏显示滚动文字:
<script LANGUAGE="JavaScript">
<!--
var scrl_timer_active = false; //标记当前是否活动中
var scrl_timer_id = null; //timer对象
var my_message = "欢迎光临中远网络! "; //设置消息内容
var scrl_status_size = 200; //设置显示范围
var scrl_speed = 1; //设置步伐大小
var scrl_time = 60; //设置步伐速度
var scrl_msg = ""; //循环消息的内容
var scrl_idx = 0; //显示消息的首位置,即从哪个位置开始显示
var scrl_wrap = 100; //消息长度
function scroll_start(size, spd, time, msg) {
scroll_stop();
scrl_status_size = size;
scrl_speed = spd;
scrl_time = time;
scrl_wrap = msg.length;
diff = (size/msg.length)+1;
for(x=0; x<diff; x++)
scrl_msg += msg + " ";
scroll_status();
scrl_timer_active = true;
}
function scroll_stop() {
if(scrl_timer_active)
window.clearTimeout(scrl_timer_id);
scrl_timer_active = false;
}
function scroll_status() {
window.status = scrl_msg.substring(scrl_idx, scrl_idx+scrl_status_size);
scrl_idx += scrl_speed;
if(scrl_idx >= scrl_wrap)
scrl_idx -= scrl_wrap;
scrl_timer_id = window.setTimeout("scroll_status()",scrl_time);
}
//-->
</script>
<body ONLOAD="scroll_start(73, 0.1, 50, my_message)" OnUnload="scroll_stop()">
6. JavaScript--(伪)满屏
(伪)满屏代码:
<script language="JavaScript">
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
7. JavaScript--如何使主页自动被搜索引擎收录?
如何使主页自动被搜索引擎收录?
只要在<head></head>之间加入下面这段代码就可以了:
<head http-equiv="keywords" content="关键词":charset=gb2312></head>
或者
<meta name="keywords" content="关键词">
<meta name="description" content="网站描述">
8. 鼠标滚轮缩放图片(js)
function ZoomImg(o)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if(zoom > 0)
o.style.zoom = zoom + '%';
return false;
}
<img src="images/img.gif" onmousewheel="return ZoomImg(this)" width="200" height="200">
9. 剩余字数(js)
<script>
function TextCounter(field, maxLimit)
{
if (field.value.length > maxLimit)
field.value = field.value.substring(0, maxLimit);
else
document.Form1.remLen.value = maxLimit - field.value.length;
}
</script>
<textarea name="content" cols="73" rows="5" onPropertyChange="TextCounter(Form1.content, 1000)"></textarea>
<input name="remLen" value="1000" readonly type="text" size="4" maxlength="3" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; COLOR: red; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #eaffe0">