几个有用的代码

 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">

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值