php自我总结2

本文介绍了多种网页特效实现方法及脚本技巧,包括透明Flash、图片特效、走马灯效果、圆角样式等,并提供了JavaScript多级下拉菜单的实现代码。
<?php
//用图层固定位置
<DIV id=bgmTiplayer 
style
="Z-INDEX: 1; LEFT: 899px; POSITION: absolute; TOP: 36px">
</div>
//透明flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="248" height="193">
<param name="movie" value="../images/banner.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="../images/banner.swf" width="800" height="80" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
//图片特效
<img  style='border:solid #cccccc 1px' src='' height=100>
//走马灯 i.g.
<div id=demo style='overflow:hidden;height:105px;width:545px;'>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top>
<img  style='border:solid #cccccc 1px' src='http://cache15.51.com/photo/17/6d/redbat/vc11451861864428_1.jpg' height=100>&nbsp;
<img  style='border:solid #cccccc 1px' src='http://cache15.51.com/photo/17/6d/redbat/vc11451861852046_1.jpg' height=100>&nbsp;
<img  style='border:solid #cccccc 1px' src='http://cache15.51.com/photo/17/6d/redbat/vc11451861837601_1.jpg' height=100>&nbsp;
<img  style='border:solid #cccccc 1px' src='http://cache19.51.com/photo/17/6d/redbat/vc200604030002581_1.jpg' height=100>&nbsp;
<img  style='border:solid #cccccc 1px' src='http://cache19.51.com/photo/17/6d/redbat/200512040902260_1.jpg' height=100>&nbsp;
<img  style='border:solid #cccccc 1px' src='http://cache19.51.com/photo/17/6d/redbat/200511272213590_1.jpg' height=100>&nbsp;
</td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>    
<script>
var speed=30
demo2
.innerHTML=demo1.innerHTML
function Marquee(){
    
if(demo2.offsetWidth-demo.scrollLeft<=0)
        demo
.scrollLeft-=demo1.offsetWidth
    
else{
        demo
.scrollLeft++
    }
}
var MyMar=setInterval(Marquee,speed)
demo
.onmouseover=function() {clearInterval(MyMar)}
demo
.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
//鼠标离开或进入td//当鼠标划过显示背景色
onmousemove="this.bgColor='#CCCCFF'" onmouseout="this.bgColor=''"
onmouseover
="this.style.backgroundColor='#FF6600'"
onmouseout
="this.style.backgroundColor=''"
//设置td底边为虚线或实线 solid dotted
style="border-bottom-style:solid;border-bottom-width:1px;border-color:#66CCFF"
//对网页中重复代码的省写 i.g. <table id="show_prev_next">--code--</table>
<script>
document
.write(document.getElementById('show_prev_next').innerHTML);
</script>
//静态页中及时更新网页次数
<script src="/php/article_count.php?article_id=21615"></script>
//网页圆角
<style type="text/css">
div
#nifty{ margin: 0 10%;background: #9BD1FA }
b.rtop b, b.rbottom b{display:block;height: 1px;
 overflow
: hidden; background: #9BD1FA}
b.r1{margin: 0 5px}
b
.r2{margin: 0 3px}
b
.r3{margin: 0 2px}b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
<div id="nifty">
<class="rtop"><class="r1"></b><class="r2"></b><class="r3"></b><class="r4"></b></b>
----
<class="rbottom"><class="r4"></b><class="r3"></b><class="r2"></b><class="r1"></b></b>
</div>
//javascript 代码不能跨行 如写在js中不需要加script标记

//根据文件名生成多级目录

function get_dir($filename)
{
    
if(strpos($filename,'/')){
        
$dir_ary =  explode('/',$filename);
    }
else{
        
$dir_ary[0]=$filename;
    }
    
$dir_str = "";
    
for($i = 0;$i < count($dir_ary);$i++)
    {    
        
$dir_str .= $dir_ary[$i].'/';
        
if(!is_dir($dir_str))
        {
            @
mkdir($dir_str);//@mkdir($dir_str,0700)默认的 mode 是 0777
        } 
    }   
}
//热门相片
$sql="";
if (!$rs = $db->SelectLimit($sql, 10)) {
      
echo $db->ErrorMsg();
      
$db->Close();
      
exit();
}
while (!$rs->EOF) {
    
$rs->MoveNext();
}
$rs->close();
//图像处理
onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图 CTRL+鼠标滚轮放大或缩小';}"
//fckeditor的使用 include("FCKeditor/fckeditor.php") ;
?>
<form action="" method="post" target="_blank">
<?php
$sBasePath='FCKeditor/'//存入class类路径
$oFCKeditor = new FCKeditor('content') ;//参数名 echo $_POST['content'];
$oFCKeditor->BasePath    = $sBasePath ;
$oFCKeditor->Value        = '' ;//默认值
$oFCKeditor->Create() ;
?>
<br>
<input type="submit" value="Submit">
</form>

ErrorDocument 
404 http://localhost/test/errprocess.php

//javascript三级菜单

<form method="post" name="myform">
    
<select name="classid" onchange="select()"></select>
    
<select name="suid"></select>
    
<select name="gid"></select>
</form>
<script language="javascript">
<!--
var arrText = new Array(5);
var arrValue = new Array(arrText.length);

function objSetOption(select1, select2, select3) {
    this
.select1 = select1;
    this
.select2 = select2;
    this
.select3 = select3;
}
arrText[
0]= new objSetOption("选择1:", "选择2_1:,选择2_2:", "选择3_1:,选择3_2:");
arrText[
1= new objSetOption("论文:1", "语文:1,数学:2,英语:3", "初中:2,高中:3");
arrText[
2= new objSetOption("例题:2", "显示b2_1:值b2_1,显示b2_2:值b2_2", "显示b3_1:值b3_1,显示b3_2:值b3_2");
arrText[
3= new objSetOption("显示c:值c", "显示c2_1:值c2_1,显示c2_2:值c2_2", "显示c3_1:值c3_1,显示c3_2:值c3_2");
arrText[
4= new objSetOption("显示d:值d", "显示d2_1:值d2_1,显示d2_2:值d2_2", "显示d3_1:值d3_1,显示d3_2:值d3_2");
arrText[
5= new objSetOption("显示e:值e", "显示e2_1:值e2_1,显示e2_2:值e2_2", "显示e3_1:值e3_1,显示e3_2:值e3_2");

function select(sValue1, sValue2, sValue3) {
    
var eltSelect1 = document.myform.classid;
    
var eltSelect2 = document.myform.suid;
    
var eltSelect3 = document.myform.gid;
    
var arrSelect1, arrSelect2, arrSelect3;
    
var arrData1, arrData2, arrData3;
    with(eltSelect1) {
        
var strSelect = options[selectedIndex].value;
    }
    
for(i = 0;i < arrText.length;i ++) {
        arrSelect1 
= arrText[i].select1;
        arrData1 
= arrSelect1.split(":");
        
if (arrData1[1== strSelect) {
            arrSelect2 
= (arrText[i].select2).split(",");
            
for(j = 0;j < arrSelect2.length;j++) {
                arrData2 
= arrSelect2[j].split(":");
                with(eltSelect2) {
                    length 
= arrSelect2.length;
                    options[j]
.text = arrData2[0];
                    options[j]
.value = arrData2[1];
                    
if (arrData2[1== sValue2) {
                        options[j]
.selected = true;
                    }
                }
            }
            arrSelect3 
= (arrText[i].select3).split(",");
            
for(j = 0;j < arrSelect3.length;j++) {
                arrData3 
= arrSelect3[j].split(":");
                with(eltSelect3) {
                    length 
= arrSelect3.length;
                    options[j]
.text = arrData3[0];
                    options[j]
.value = arrData3[1];
                    
if (arrData3[1== sValue3) {
                        options[j]
.selected = true;
                    }
                }
            }
            
break;
        }
    }
}

function init(sValue1, sValue2, sValue3) {
    
var eltSelect1 = document.myform.classid;
    
var eltSelect2 = document.myform.suid;
    
var eltSelect3 = document.myform.gid;
    
var arrSelect1, arrSelect2, arrSelect3;
    
var arrData1, arrData2, arrData3;
    
if (eltSelect1 != undefined && eltSelect2 != undefined && eltSelect3 != undefined) {
        with(eltSelect2) {
            arrSelect2 
= (arrText[0].select2).split(",");
            length 
= arrSelect2.length;
            
for(i = 0;i < length;i ++) {
                arrData2 
= arrSelect2[i].split(":");
                options[i]
.text = arrData2[0];
                options[i]
.value = arrData2[1];
            }
        }
        with(eltSelect3) {
            arrSelect3 
= (arrText[0].select3).split(",");
            length 
= arrSelect3.length;
            
for(i = 0;i < length;i ++) {
                arrData3 
= arrSelect3[i].split(":");
                options[i]
.text = arrData3[0];
                options[i]
.value = arrData3[1];
            }
        }
        with(eltSelect1) {
            length 
= arrText.length;
            
for(i = 0;i < arrText.length;i ++) {
                arrSelect1 
= arrText[i].select1;
                arrData1 
= arrSelect1.split(":");
                options[i]
.text = arrData1[0];
                options[i]
.value = arrData1[1];
                
if (arrData1[1== sValue1) {
                    options[i]
.selected = true;
                    select(
"", sValue2, sValue3);
                }
            }
        }
    }
}

//init();
//默认初始化

init("2", "值b2_1", "值b3_2");
//更改后默认初始化
// -->

</script>
//菜单的隐藏与显示
<style>
.big_bg{ width:120px;  float:top; border-bottom:1px solid #CCCCCC; line-height:25px}
.sub_sub{width:130px;float:left;}
.sub_sub ul{width:130px;margin:0px;padding:0px;}
.sub_sub li{width:90px;height:25px;float:left;}
.sub_sub li.foldheader{cursor:hand;text-align:left; background:url(http://play.zol.com.cn/images_new/58.gif) 25px 8px no-repeat; 
                       line-height:25px;padding-left:40px;width:112px; }
.foldheader{cursor:hand;text-align:left; background:url(http://play.zol.com.cn/images_new/57.jpg) 3px 8px no-repeat; line-height:25px;padding-left:15px;width:100px;}                       
</style>

<div class="big_bg" >
<a onClick="document.all.sub_sub_2.style.display=document.all.sub_sub_2.style.display=='none'?'block':'none';">
<div class="foldheader" style="line-height:25px;cursor:hand;">
体育类
</div></a>
</div>
    
<div id="sub_sub_2" class="sub_sub" style="display:black"><ul>
    
<div class="big_bg" ><li class="foldheader">赛车</li></div>
</ul></div>
//图片特效
a:hover img {filter:Alpha(opacity=50);}
//表格虚线制作
<td style="border-bottom:dotted #cccccc 1px;border-left:dotted #cccccc 1px">
//抓取数据
strip_tags去除所有tags 
//得到本页网址
$_SERVER['SERVER_NAME'. $_SERVER['REQUEST_URI']
//页面特效
<META http-equiv=Page-Enter 
content
=progid:DXImageTransform.Microsoft.Pixelate(Duration=2)>
<META http-equiv=Page-Exit 
content
=progid:DXImageTransform.Microsoft.Pixelate(Duration=2)>
//日历
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META http-equiv=imagetoolbar content=no><!-- start  ~ header ~ -->
<META http-equiv=Page-Enter 
content
=progid:DXImageTransform.Microsoft.Pixelate(Duration=2)>
<META http-equiv=Page-Exit 
content
=progid:DXImageTransform.Microsoft.Pixelate(Duration=2)>
<STYLE type=text/css>A:link {
    FONT
-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
A
:visited {
    FONT
-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
A
:hover {
    FONT
-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A
:active {
    FONT
-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
BODY {
    SCROLLBAR
-FACE-COLOR: #fafafa; MARGIN: 20px 0px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #fafafa; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #f0f0f0; SCROLLBAR-DARKSHADOW-COLOR: #fafafa; BACKGROUND-COLOR: #f0f0f0
}
BODY {
    FONT
-SIZE: 14px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD {
    FONT
-SIZE: 14px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TH {
    FONT
-SIZE: 14px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.blogTitle {
    FONT
-WEIGHT: bold; FONT-SIZE: 24px
}
.blogTitle A:link {
    FONT
-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #666666; TEXT-DECORATION: none
}
.blogTitle A:visited {
    FONT
-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #666666; TEXT-DECORATION: none
}
.blogTitle A:hover {
    FONT
-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #666666; TEXT-DECORATION: none
}
.blogTitle A:active {
    FONT
-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #666666; TEXT-DECORATION: none
}
.subTitle {
    FONT
-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 16px
}
.subTitle A:link {
    FONT
-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 16px; TEXT-DECORATION: none
}
.subTitle A:visited {
    FONT
-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 16px; TEXT-DECORATION: none
}
.subTitle A:hover {
    FONT
-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 16px; TEXT-DECORATION: underline
}
.subTitle A:active {
    FONT
-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 16px; TEXT-DECORATION: none
}
.diaryTitle {
    FONT
-WEIGHT: bold; FONT-SIZE: 16px
}
.recmtBody {
    PADDING
-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #dddddd
}
.day {
    FONT
-SIZE: 11px; COLOR: #333333; TEXT-ALIGN: center
}
.day A:link {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.day A:visited {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.day A:hover {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.day A:active {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.today {
    FONT
-SIZE: 11px; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center
}
.today A:link {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.today A:visited {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.today A:hover {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.today A:active {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; BACKGROUND-COLOR: #dddddd; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.week {
    FONT
-WEIGHT: bold; FONT-SIZE: 11px
}
.calendar_h {
    LETTER
-SPACING: 0.2em
}
</STYLE>
<!-- end  ~ css ~ -->
<SCRIPT language=javascript type=text/javascript>
<!--
function write_label_month( full_date )
{
var index = 5;
var month = "";
var y='';
var d='';
var yd = '';
var ary_month = new Array"Woo","January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
month 
= full_date.charAt( index );
month 
+= full_date.charAt( index + 1 );
if( month.charAt(0== '0' )
month 
= month.charAt( 1 );
document
.write( ary_month[month] );
= full_date.substring(0,4);
= full_date.substring(8,10);
yd
=' '+d+',&nbsp;&nbsp;'+y;
document
.write( yd );
}
//-->
</SCRIPT>

<TABLE cellSpacing=0 cellPadding=0 width="230" 
border
=0>
<TBODY>
<TR>
<TD noWrap align=middle>
<SCRIPT>var iCY=2004;var iCM=8;var iCD=29;var iCS=false;var sCP="";var sCN="";</SCRIPT>
<SCRIPT 
src
="class/calendar.js"></SCRIPT>
</TD></TR></TBODY></TABLE>
<SPAN class=diaryTitle style="PADDING-LEFT: 5px">
<SCRIPT language=javascript>write_label_month("2005-08-29")</SCRIPT>
</SPAN>
===================================================================
style
="border-bottom-style: dotted;border-width:1px;border-bottom-color:#A6F4FB"
  
<TD align=middle>[<{$smarty.section.LOOP.rownum}>]</TD>

  
<script>
function color_select(color_select){
     
//var w=screen.availWidth,h=screen.availHeight;
     var w=300,h=220;
     
var theURL="select_color.php";
     
var theDes="status:no;center:yes;help:no;minimize:no;maximize:no;dialogWidth:"+w+"px;scroll:no;dialogHeight:"+h+"px;border:think";
     
var rv=self.showModalDialog(theURL,null,theDes);
     document
.all(color_select).value=rv;
     document
.all(color_select+"_preview").style.backgroundColor = rv;
}
</script>
//select_color.php  返回值并关闭
self.returnValue='#' + color;
self
.close();
window
.close();
//时间
date datatime() 
页面刷新的特效
<META http-equiv=Page-Enter 
content
=progid:DXImageTransform.Microsoft.Pixelate(Duration=2)>
<META http-equiv=Page-Exit 
content
=progid:DXImageTransform.Microsoft.Pixelate(Duration=2)>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值