标签归档：js

鼠标移上去图片渐变效果，图片特效JS

发表回复

<!–完成此效果需要两步

把下面代码放到<head>区域中–>

<script language=”JavaScript”>

nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){

if (!document.all)

return

    if (object != “[object]”){  //do this so I can take a string too

        setTimeout(“nereidFade(“+object+”,”+destOp+”,”+rate+”,”+delta+”)”,0);

        return;

    }

    clearTimeout(nereidFadeTimers[object.sourceIndex]);

    diff = destOp-object.filters.alpha.opacity;

    direction = 1;

    if (object.filters.alpha.opacity > destOp){

        direction = -1;

    }

    delta=Math.min(direction*diff,delta);

    object.filters.alpha.opacity+=direction*delta;

    if (object.filters.alpha.opacity != destOp){

        nereidFadeObjects[object.sourceIndex]=object;

        nereidFadeTimers[object.sourceIndex]=setTimeout(“nereidFade(nereidFadeObjects[“+object.sourceIndex+”],”+destOp+”,”+rate+”,”+delta+”)”,rate);

    }

}

</script>

<!–把下面代码放到<body>区域中–>

        <div align=”left”>

          <a href=”http://www.maqie.com” target=”_blank”><img border=”0″ src=”http://www.maqie.com/wp-content/uploads/2010/02/2-300×199.jpg” onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5)  style=”FILTER: alpha(opacity=55)”></a>

          <br>

          <a href=”http://www.maqie.com” target=”_blank”><img border=”0″ src=”http://www.maqie.com/wp-content/uploads/2010/02/2-300×199.jpg” onMouseOut=nereidFade(this,50,10,5) onMouseOver=nereidFade(this,100,10,5)  style=”FILTER: alpha(opacity=55)”></a>

                  </div>

图片不存在，用默认图片替换的JS

发表回复

1.这个是对于单个图片，如果没有图片就替换。

<img src="" border="0" onload="javascript:DrawImage(this);" onerror="changeImg()" />
<script language="javascript" type="text/javascript">
function changeImg()
{
    var newErrorImgUrl = "/images/error.gif";
    event.srcElement.src = newErrorImgUrl;
    event.srcElement.alt = "";
}
</script>

 

方法二

<img src="pro-pic/123.gif" onerror="javascript:this.src=’pro-pic/default.gif’" />

2.下面那个 是对于整个页面当图标访问错误的时候 替换默认的

 

<body>
    <img src="1.jpg" />
    <img src="2.jpg" />
    <img src="3.jpg" />
    <img src="4.jpg" />
</body>
</html>
<script type="text/javascript">
        var imgs = document.images;
        for(var i = 0;i < imgs.length;i++){
            imgs[i].onerror = function(){
                this.src = "/images/logo.gif";
            }
        }
</script>

单行向上轮番滚动的JS代码

发表回复

<script>
var marqueeContent=new Array();   //滚动新闻
marqueeContent[0]='<a href=# target=_blank class="f12red">小泉称若自民党在议会选举中失败</a><br>’;
marqueeContent[1]='<a href=# target=_blank class="f12red">布什发表广播讲话</a><br>’;
marqueeContent[2]='<a href=# target=_blank class="f12red">伊斯兰武装炸毁印控克什米尔铁路导致列车出轨</a><br>’;
marqueeContent[3]='<a href=# target=_blank class="f12red">布雷默：即使抓住了萨达姆也难以结束抵抗行动</a><br>’;
var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
//接下来的是定义一些要使用到的函数
function initMarquee() {
    var str=marqueeContent[0];
    document.write(‘<div id=marqueeBox style="overflow:hidden;height:’+marqueeHeight+’px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\’startMarquee()\’,marqueeDelay)"><div>’+str+'</div></div>’);
    marqueeId++;
    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    }
function startMarquee() {
    var str=marqueeContent[marqueeId];
        marqueeId++;
    if(marqueeId>=marqueeContent.length) marqueeId=0;
    if(marqueeBox.childNodes.length==1) {
        var nextLine=document.createElement(‘DIV’);
        nextLine.innerHTML=str;
        marqueeBox.appendChild(nextLine);
        }
    else {
        marqueeBox.childNodes[0].innerHTML=str;
        marqueeBox.appendChild(marqueeBox.childNodes[0]);
        marqueeBox.scrollTop=0;
        }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1]=setInterval("scrollMarquee()",20);
    }
function scrollMarquee() {
    marqueeBox.scrollTop++;
    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
        clearInterval(marqueeInterval[1]);
        }
    }
initMarquee();
</script>

复制连接和推荐给好友的JS代码

发表回复

 

<script type="text/javascript">
//复制连接
function copyLink () {
    var links = document.title  +location.href;
    window.clipboardData.setData("Text",links);
    alert("该网页地址已复制，您可以在QQ,MSN中粘贴(快截键CTRL+V)推荐给好友");
}
function copyURL () {
    var url = location.href;
    window.clipboardData.setData("Text",url);
    alert("该网页链接地址已复制，您可以粘贴(快截键CTRL+V)在需要的地方");
}
</script>  

内容页中使用以下链接：

<a href="javascript:copyLink();" target="_parent">推荐给好友</a>

<a href="javascript:copyURL();" target="_parent">复制链接</a>

js为关键词加超级链接

发表回复

<div id="txt">
用JS将文章内容指定的关键字加超级连接。注意JS脚本必须最后装载。
本脚本来自落伍采集王，采集王最帅，采集王大大的牛B闪闪“`
</div>
<script language="JavaScript">
document.getElementById("txt").innerHTML = document.getElementById("txt").innerHTML.replace(/(采集王)/gi,"<a href=http://www.maqie.com><font color=green>$1</font></a>");
</script>