网页特效代码
来源CSDN ghost1392
鼠标放在连接上强行点击
<script>
function mClk2() {var source=event.srcElement;if (source.tagName=="A"){source.click();self.focus();}}
document.write("<div onmouseover=mClk2();>");
</script>
1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色
我们通过几个实例来讲解上述的样式属性:
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body
style="overflow:hidden">
2.设定多行文本框的滚动条
没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>
没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>
没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>
3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果:
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
4.在样式表文件中定义好一个类,调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用:
<textarea class="coolscrollbar"></textarea>
电击图片弹出无边自定义窗口
Code: [Copy to clipboard]
<a href="#"><img src="image/tx.gif" alt="更换头像" width="16" height="16" hspace=10 border=0 onClick="MM_openBrWindow('tx.htm','tx','status=yes,scrollbars=yes,width=280,height=45')"></a>
弹窗属性控制
<FORM>
<input type="button" Value="打开新窗口" ONCLICK="window.open('test.htm', 'Sample', 'toolbar=yes,location=yes,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=yes,width=300,height=200,left=100,top=100')">
</FORM>
确认按钮
<script>
function winconfirm()
{ question = confirm("确实要进入吗?")
if (question != "0")
{
window.open("test.htm", "NewWin", "status=yes, height=200, width=200")
}
}
</script>
显示源文件
<FORM>
<INPUT TYPE="BUTTON" VALUE="查看本页源代码" onClick= 'window.location = "view-source:" + window.location.href'>
</form>
=================
提示框
<SCRIPT>
var oPopup = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="<table style=\"border: 1 solid #FFA6CA\" width=\"241\" height=\"172\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=\"http://www38.websamba.com/fawang/store/pic/11.jpg \" >";
winstr+="<tr><td height=\"30\"> </td></tr><tr><td align=\"center\"><table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: red; face: Tahoma\">"+msgstr+"</td></tr></table></td></tr></table>";
oPopup.document.body.innerHTML = winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop>1720){
clearTimeout(mytime);
oPopup.hide();
return;
}else if(popTop>1520&&popTop<1720){
oPopup.show(screen.width-250,screen.height,241,1720-popTop);
}else if(popTop>1500&&popTop<1520){
oPopup.show(screen.width-250,screen.height+(popTop-1720),241,172);
}else if(popTop<180){
oPopup.show(screen.width-250,screen.height,241,popTop);
}else if(popTop<220){
oPopup.show(screen.width-250,screen.height-popTop,241,172);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg(" <img border=\"0\" src=\"http://www38.websamba.com/fawang/store/pic/.jpg\" width=\"90\" height=\"27\">欢迎光临缘来是你网站,我的服务是你最大的满足,你的意见是我最大的财富!");
</SCRIPT>
=========================================
鼠标变形
<style type=TEXT/CSS>
BODY {CURSOR:url('http://imgcache.qq.com/qzone/item/orig/9/2617.ani');}
A {CURSOR:hand}
</style>
=========================================
网页中实现启动QQ聊天代码
QQ代码:<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=您的QQ号码&Site=您的博客网址&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:您的QQ号码:13 alt="点击这里给我发消息"></a>
</body>
=========================================
网页音乐播放器代码
<script language="JavaScript" src="http://www.7stk.com/radio/zonghe/r_08/r.js"></script>
========================================
图片自动播放
<script type="text/javascript">
var swf_width=320;
var swf_height=200;
var config='3|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000';
//-- config 参数设置 -- 自动播放时间(秒)|文字颜色|文字背景色|文字背景透明度|按键数字颜色|当前按键颜色|普通按键色彩 --
var files='sto/03.gif|sto/01.gif|sto/02.gif|sto/04.gif|sto/001.jpg';
var links='http://www.7stk.com/|http://www.7stk.com/|http://www.7stk.com/';
var texts='||';
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="sto/focus.swf" />');
document.write('<param name="quality" value="high" />');
document.write('<param name="menu" value="false" />');
document.write('<param name=wmode value="opaque" />');
document.write('<param name="FlashVars" value="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" />');
document.write('<embed src="sto/focus.swf" wmode="opaque" FlashVars="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
</script>
</td>
</tr>
</table>
</div>
</div> <div class="mainbox forumlist">
<span class="headactions">
</span></div>
</div>
</body>
</html>
网页特效代码 鼠标放在连接上强行点击 overflow内容溢出时的设置
需积分: 11 121 浏览量
2008-11-16
02:31:43
上传
评论
收藏 3KB RAR 举报
Andy_Tsinge
- 粉丝: 37
- 资源: 20