js部分特效代码Word文件下载.docx
- 文档编号:22139260
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:17
- 大小:21.61KB
js部分特效代码Word文件下载.docx
《js部分特效代码Word文件下载.docx》由会员分享,可在线阅读,更多相关《js部分特效代码Word文件下载.docx(17页珍藏版)》请在冰豆网上搜索。
font-size:
12px;
z-index:
1000;
}
-->
/style>
BODY>
divid="
Javascript.Div1"
class="
div"
style="
width:
240px;
height:
90px"
align="
center"
正中...<
/div>
SCRIPTLANGUAGE="
JavaScript"
functionsc1(){
document.getElementById("
).style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("
).offsetHeight)/2)+"
px"
;
).style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("
).offsetWidth)/2)+"
/SCRIPT>
Javascript.Div2"
左上...<
functionsc2(){
).style.top=(document.documentElement.scrollTop)+"
).style.left=(document.documentElement.scrollLeft)+"
Javascript.Div3"
左下...<
functionsc3(){
).style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("
).offsetHeight)+"
Javascript.Div4"
右上...<
functionsc4(){
).style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("
).offsetWidth)+"
Javascript.Div5"
右下...<
functionsc5(){
functionscall(){
sc1();
sc2();
sc3();
sc4();
sc5();
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
divstyle="
position:
top:
0px;
left:
width:
10000px;
4000px;
/BODY>
/HTML>
表格交替颜色
window.onload=function(){
doubleBgColor(document.getElementById("
table1"
),"
#cecece"
"
#ececec"
)
functiondoubleBgColor(Table,Bg1,Bg2){
for(vari=0;
i<
Table.rows.length;
i++)Table.rows[i].bgColor=i%2?
Bg2:
Bg1;
TABLEborder=0cellpadding=1cellspacing=1id="
width="
500"
<
TR>
TD>
/TD>
/TR>
/TABLE>
p>
查找更多代码,请访问:
ahref="
target="
_blank"
懒人图库<
/a>
/p>
、
单击表格变换颜色
script>
functionbgChange(obj){
obj.bgColor=obj.bgColor=="
?
#0099ff"
:
/script>
tablewidth="
80%"
border="
1"
tronclick="
bgChange(this)"
td>
a<
/td>
/tr>
/table>
动画效果打开层/关闭层
head>
metahttp-equiv="
content="
text/html;
charset=gb2312"
/>
title>
DOM_text01<
/title>
styletype="
text/css"
body,span,div,td{font-size:
line-height:
1.5em;
color:
#849BCA;
#bodyL{
float:
left;
84px;
margin-right:
2px;
a.od{
80px;
height:
25px;
text-align:
center;
font-weight:
bold;
border:
1pxsolid#849BCA;
display:
block;
#547BC9;
text-decoration:
none;
margin-top:
a.od:
link{
background:
#EEF1F8;
visited{
hover{
#EEE;
active{
#fd{
500px;
200px;
#EDF1F8;
margin-left:
overflow:
hidden;
absolute;
left:
0px;
top:
cursor:
move;
/*filter:
alpha(opacity=50);
*/
.content{
padding:
10px;
/head>
body>
bodyL"
#"
od"
onclick="
show('
fd'
);
returnfalse;
[打开层]
closeed('
[关闭层]
fd"
filter:
alpha(opacity=100);
opacity:
1;
divclass="
content"
移动层<
scripttype="
text/javascript"
varprox;
varproy;
varproxc;
varproyc;
functionshow(id){/*--打开--*/
clearInterval(prox);
clearInterval(proy);
clearInterval(proxc);
clearInterval(proyc);
varo=document.getElementById(id);
o.style.display="
block"
o.style.width="
1px"
o.style.height="
prox=setInterval(function(){openx(o,500)},10);
functionopenx(o,x){/*--打开x--*/
varcx=parseInt(o.style.width);
if(cx<
x)
{
o.style.width=(cx+Math.ceil((x-cx)/5))+"
else
proy=setInterval(function(){openy(o,200)},10);
functionopeny(o,y){/*--打开y--*/
varcy=parseInt(o.style.height);
if(cy<
y)
o.style.height=(cy+Math.ceil((y-cy)/5))+"
functioncloseed(id){/*--关闭--*/
if(o.style.display=="
proyc=setInterval(function(){closey(o)},10);
functionclosey(o){/*--打开y--*/
if(cy>
0)
o.style.height=(cy-Math.ceil(cy/5))+"
proxc=setInterval(function(){closex(o)},10);
functionclosex(o){/*--打开x--*/
if(cx>
o.style.width=(cx-Math.ceil(cx/5))+"
none"
/*-------------------------鼠标拖动---------------------*/
varod=document.getElementById("
vardx,dy,mx,my,mouseD;
varodrag;
varisIE=document.all?
true:
false;
document.onmousedown=function(e){
vare=e?
e:
event;
if(e.button==(document.all?
1:
0))
mouseD=true;
document.onmouseup=function(){
mouseD=false;
odrag="
if(isIE)
od.releaseCapture();
od.filters.alpha.opacity=100;
window.releaseEvents(od.MOUSEMOVE);
od.style.opacity=1;
//functionreadyMove(e){
od.onmousedown=function(e){
odrag=this;
mx=e.clientX;
my=e.clientY;
od.style.left=od.offsetLeft+"
od.style.top=od.offsetTop+"
od.setCapture();
od.filters.alpha.opacity=50;
window.captureEvents(Event.MOUSEMOVE);
od.style.opacity=0.5;
//alert(mx);
//alert(my);
}
document.onmousemove=function(e){
//alert(mrx);
//alert(e.button);
if(mouseD==true&
&
odrag)
varmrx=e.clientX-mx;
varmry=e.clientY-my;
od.style.left=parseInt(od.style.left)+mrx+"
od.style.top=parseInt(od.style.top)+mry+"
br/>
更多代码请访问<
/body>
/html>
响应鼠标变换表格背景或者颜色
响应鼠标变换表格背景图片:
450"
height="
30"
0"
cellpadding="
cellspacing="
bgcolor="
#CCCCCC"
onmouseover=javascript:
this.background='
onmouseout=background='
images/lanrentuku-2.jpg'
tr>
tdalign="
鼠标移上来看看,再移走看看~<
或者如下所写,这个是变化背景颜色:
#FFCC00"
tronmouseout="
this.bgColor='
#ff6600'
onmouseover="
#E0E0E0'
>
泪流满面的404页面
您找的页面不存在<
BODY{PADDING-RIGHT:
PADDING-LEFT:
35px;
BACKGROUND:
url(/images/photoback.gif)repeat-xlefttop;
PADDING-BOTTOM:
MARGIN:
FONT:
12pxArial,Helvetica,sans-serif;
COLOR:
#333;
PADDING-TOP:
35px}
A{COLOR:
#007ab7;
TEXT-DECORATION:
none}
A:
hover{COLOR:
#de1d6a}
.hidehr{DISPLAY:
.show12{PADDING-RIGHT:
DISPLAY:
block;
5px0px;
0px}
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- js 部分 特效代码