『天下软件』强力推出:网页设计-素材、软件、教程下载
网页天地   下载中心   技术文章   建站指南   网页特效   作品展示   留言交流  
滚动的文字说明
图片跟随着鼠标
接触链接自动打开窗口
鼠标激活警告框
飘动的字符跟随鼠标
一群小点跟随鼠标
右键打开收藏夹
右键自动重定向
 

 ◆滚动的文字说明
说 明 鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明
代 码

<a href="http://www.helpor.net" target="_blank" onMouseOver="helpor_net_show(this,event,'看到了吧?')" onMouseOut="helpor_net_hide()">把鼠标放上来试试</a>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
function helpor_net_show(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function helpor_net_hide(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
//-->
</SCRIPT>


 ◆图片跟随着鼠标
说 明 图片跟随着鼠标,最好把图片做成透明的,那样效果更好
代 码

<SCRIPT LANGUAGE="JavaScript">
var image="../images/helpor.gif"
var newtop=15
var newleft=15
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}

function helpor_net() {

layerName = 'iit'

eval('var curElement='+layerRef+'["'+layerName+'"]')
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"')
eval('curElement'+styleSwitch+'.visibility="visible"')
eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth')
eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight')
eval('height=curElement'+styleSwitch+'.height')
eval('width=curElement'+styleSwitch+'.width')
width=parseInt(width)
height=parseInt(height)
if (event.clientX > (document.body.clientWidth - 5 - width))
{
newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width
}
else
{
newleft=document.body.scrollLeft + event.clientX
}
eval('curElement'+styleSwitch+'.pixelLeft=newleft')

if (event.clientY > (document.body.clientHeight - 5 - height))
{
newtop=document.body.clientHeight + document.body.scrollTop - 5 - height
}
else
{
newtop=document.body.scrollTop + event.clientY
}
eval('curElement'+styleSwitch+'.pixelTop=newtop')
}

document.onmousemove = helpor_net;

if (navigator.appName == "Netscape") {

}
else
{
document.write('<div ID="OuterDiv">')
document.write('<img ID="iit" src="'+image+'" STYLE="position:absolute;TOP:20pt;LEFT:20pt;Z-INDEX:20;visibility:hidden;">')
document.write('</div>')
}
</script>


 ◆接触链接自动打开窗口
说 明 鼠标接触链接后窗口自动打开
代 码

<a href="http://www.helpor.net" onMouseOver="www_helpor_net(); return true;">鼠标放上来看看!</a>
<SCRIPT Language="JavaScript">
function www_helpor_net ()
{
var url="http://www.helpor.net";
open(url,"NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,
scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600,left=10,top=10");
}
</SCRIPT>


 ◆鼠标激活警告框
说 明 鼠标放到链接上,就立刻弹出警告框
代 码

<a href="" onMouseOver="alert('你好!\n\n本站域名:http://www.helpor.net')">试试</a>


 ◆飘动的字符跟随鼠标
说 明 在鼠标后面跟着一串飘动的字符
代 码

<style type="text/css">
.spanstyle {
COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=18
var flag=0
var message="★网页特效世界欢迎你的光临!"

message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-200
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function www_helpor_net() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("www_helpor_net()",30)
}

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
www_helpor_net();
// -->
</script>


 ◆一群小点跟随鼠标
说 明 跟随鼠标的一群小点,就象星星一样
代 码

<div id="tooltip2"
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);
width:150px;background-color:lightyellow">
<layer name="nstip" width="1000px" bgcolor="lightyellow"> </layer>
</div>
<div id="www_helpor_net__d0"
style="position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1;
background-color: #19636c;
layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="www_helpor_net__d1"
style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1;
background-color: #708574;
layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="www_helpor_net__d2"
style="position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1;
background-color: #379bbf;
layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="www_helpor_net__d3"
style="position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1;
background-color: #25184c;
layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="www_helpor_net__d4"
style="position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1;
background-color: #31bd3c;
layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div
id="www_helpor_net__d5"
style="position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1;
background-color: #c11efd;
layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)"></div>

<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'
+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.
document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}

function www_helpor_net___Layerfx(www_helpor_net__left,www_helpor_net__top,
www_helpor_net__fnx,
www_helpor_net__fny,www_helpor_net__div,www_helpor_net__bilder,
www_helpor_net__loop,
www_helpor_net__to,www_helpor_net__cnt,www_helpor_net__step) {
if ((document.layers)||(document.all)){
with (Math) {www_helpor_net__nextx= eval(www_helpor_net__fnx)}
with (Math) {www_helpor_net__nexty= eval(www_helpor_net__fny)}
www_helpor_net__cnt=(www_helpor_net__loop && www_helpor_net__cnt>=
www_helpor_net__step*
www_helpor_net__bilder)?0:www_helpor_net__cnt+www_helpor_net__step;
if (document.layers){
eval(www_helpor_net__div+".top="+(www_helpor_net__nexty+www_helpor_net__top))
eval(www_helpor_net__div+".left="+(www_helpor_net__nextx+www_helpor_net__left))
}
if (document.all){
eval("www_helpor_net__div=www_helpor_net__div.replace(/.layers/gi, '.all')");
eval(www_helpor_net__div+".style.pixelTop="+
(www_helpor_net__nexty+www_helpor_net__top));
eval(www_helpor_net__div+".style.pixelLeft="+(
www_helpor_net__nextx+www_helpor_net__left));
}
argStr='www_helpor_net___Layerfx('+www_helpor_net__left+','
+www_helpor_net__top+',"'
+www_helpor_net__fnx+'","'+www_helpor_net__fny+'","'+www_helpor_net__div+'",'
+www_helpor_net__bilder+','+www_helpor_net__loop+','+www_helpor_net__to+','
+www_helpor_net__cnt+','
+www_helpor_net__step+')';
if (www_helpor_net__cnt<=www_helpor_net__step*www_helpor_net__bilder)
{eval(www_helpor_net__div+".
www_helpor_net__to=setTimeout(argStr,www_helpor_net__to)");}
}

}
function www_helpor_net___Mousetrace(evnt) {
if (www_helpor_net__ns4)
{if (evnt.pageX) {www_helpor_net___ml=evnt.pageX; www_helpor_net___mt=evnt.pageY;} }
else{
www_helpor_net___ml=(event.clientX + document.body.scrollLeft);
www_helpor_net___mt=(event.clientY + document.body.scrollTop);
}
if (www_helpor_net___tracescript)eval(www_helpor_net___tracescript)
}
var www_helpor_net__ns4=window.Event?true:false; var www_helpor_net___mt = 0;
var www_helpor_net___ml = 0;
document.onmousemove = www_helpor_net___Mousetrace;
www_helpor_net___tracescript = '';

if (www_helpor_net__ns4){ document.captureEvents(Event.MOUSEMOVE);
www_helpor_net___Mousetrace('',',document.www_helpor_net___Mousetrace1')}

www_helpor_net___Layerfx(0,0,'www_helpor_net___ml+cos((15*sin
(www_helpor_net__cnt/39.83007847812662))+0)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
www_helpor_net___mt+sin((15*sin
(www_helpor_net__cnt/34.224861639800686))+0)*150*(sin
(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
document.layers[\'www_helpor_net__d0\']',2000,true,80,0,1);

www_helpor_net___Layerfx(0,0,'www_helpor_net___ml+cos((15*sin
(www_helpor_net__cnt/27.66510707209673))+30)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
www_helpor_net___mt+sin((15*sin
(www_helpor_net__cnt/9.240632767417667))+30)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
document.layers[\'www_helpor_net__d1\']',2000,true,80,0,1);

www_helpor_net___Layerfx(0,0,'www_helpor_net___ml+cos((15*sin
(www_helpor_net__cnt/16.45318944579641))+60)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
www_helpor_net___mt+sin((15*sin
(www_helpor_net__cnt/16.0564452288292))+60)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
document.layers[\'www_helpor_net__d2\']',2000,true,80,0,1);

www_helpor_net___Layerfx(0,0,'www_helpor_net___ml+cos((15*sin
(www_helpor_net__cnt/6.95348954836835))+90)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
www_helpor_net___mt+sin((15*sin
(www_helpor_net__cnt/44.13697049887155))+90)*150*(sin
(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
document.layers[\'www_helpor_net__d3\']',2000,true,80,0,1);

www_helpor_net___Layerfx(0,0,'www_helpor_net___ml+cos((15*sin
(www_helpor_net__cnt/33.90077294583733))+120)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
www_helpor_net___mt+sin((15*sin
(www_helpor_net__cnt/2.2378828869411587))+120)*150*(sin
(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
document.layers[\'www_helpor_net__d4\']',2000,true,80,0,1);

www_helpor_net___Layerfx(0,0,'www_helpor_net___ml+cos((15*sin
(www_helpor_net__cnt/37.858312521039835))+150)*150*
(sin(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
www_helpor_net___mt+sin((15*sin
(www_helpor_net__cnt/18.083839795990098))+150)*150*(sin
(10+www_helpor_net__cnt/20)+0.2)*cos(www_helpor_net__cnt/20)','
document.layers[\'www_helpor_net__d5\']',2000,true,80,0,1);

if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px
solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+
document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+
document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.
document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}

function www_helpor_net___Layerfx(www_helpor_net__left,
www_helpor_net__top,www_helpor_net__fnx,
www_helpor_net__fny,www_helpor_net__div,www_helpor_net__bilder,
www_helpor_net__loop,www_helpor_net__to,
www_helpor_net__cnt,www_helpor_net__step) {
if ((document.layers)||(document.all)){
with (Math) {www_helpor_net__nextx= eval(www_helpor_net__fnx)}
with (Math) {www_helpor_net__nexty= eval(www_helpor_net__fny)}
www_helpor_net__cnt=(www_helpor_net__loop && www_helpor_net__cnt>=www_helpor_net__step*
www_helpor_net__bilder)?0:www_helpor_net__cnt+www_helpor_net__step;
if (document.layers){
eval(www_helpor_net__div+".top="+(www_helpor_net__nexty+www_helpor_net__top))
eval(www_helpor_net__div+".left="+(www_helpor_net__nextx+www_helpor_net__left))
}
if (document.all){
eval("www_helpor_net__div=www_helpor_net__div.replace(/.layers/gi, '.all')");
eval(www_helpor_net__div+".style.pixelTop="+(www_helpor_net__nexty+www_helpor_net__top));
eval(www_helpor_net__div+".style.pixelLeft="+(www_helpor_net__nextx+www_helpor_net__left));
}
argStr='www_helpor_net___Layerfx('+www_helpor_net__left+','
+www_helpor_net__top+',"'+www_helpor_net__fnx+'","'
+www_helpor_net__fny+'","'+www_helpor_net__div+'",'
+www_helpor_net__bilder+','+www_helpor_net__loop+','
+www_helpor_net__to+','+www_helpor_net__cnt+','+www_helpor_net__step+')';
if (www_helpor_net__cnt<=www_helpor_net__step*www_helpor_net__bilder){eval
(www_helpor_net__div+".www_helpor_net__to=setTimeout(argStr,www_helpor_net__to)");}
}

}
function www_helpor_net___Mousetrace(evnt) {
if (www_helpor_net__ns4)
{if (evnt.pageX) {www_helpor_net___ml=evnt.pageX; www_helpor_net___mt=evnt.pageY;} }
else{
www_helpor_net___ml=(event.clientX + document.body.scrollLeft);
www_helpor_net___mt=(event.clientY + document.body.scrollTop);
}
if (www_helpor_net___tracescript)eval(www_helpor_net___tracescript)
}
</script>


 ◆右键打开收藏夹
说 明 点击鼠标右键,收藏夹就会自动打开,也等于是禁止了右键
代 码

<script language="JavaScript1.2">
if (document.all)
document.body.onmousedown=new Function("if (event.button==2||event.button==3)window.external.addFavorite('http://www.helpor.net','网页特效集锦')")
</script>


 ◆右键自动重定向
说 明 禁止使用鼠标右键,如果你点了右键页面就自动跳转到相应链接上
代 码

<script language="JavaScript">

url="http://www.helpor.net";

if (navigator.appName.indexOf("Internet Explorer") != -1)
document.onmousedown = www_helpor_net;

function www_helpor_net()
{
if (event.button == 2 | event.button == 3)
{
alert("去网页特效世界看看!");
location.replace(url);
}
}
</script>





版权所有©《天下软件》如有任何问题,请联系: xiaojinfa@tom.com
建议使用:800*600分辨率,16Bit颜色、Netscape 4.0、IE 4.0以上版本浏览器浏览本站
本站所有资料和软件仅供学习和研究使用。如有侵犯你版权的,请来信指出,本站将立即改正。