php網頁特效代碼_如何在PHP網代碼中加入圖片滾動的效果

A. 跪求一個網頁特效代碼

1;觸發式;<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網頁特效代碼---經典實用的觸發型導航菜單</title>

</head>

<body>

<STYLE type=text/css>.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; BORDER-LEFT: #ffffff 1px

solid; CURSOR: hand; COLOR: #000000; BORDER-

BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:

#eeeeee
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:

#000000; BACKGROUND-COLOR: #d4d0c8
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-

LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-

BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8
}
</STYLE>

<SCRIPT language=javascript>
function secBoard(n)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells

[i].className="sec1";
secTable.cells[n].className="sec2";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies

[i].style.display="none";
mainTable.tBodies

[n].style.display="block";
}
</SCRIPT>

<TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0>
<TBODY>
<TR align=middle height=20>
<TD class=sec2 onclick=secBoard(0) width="10%">關於TBODY標記</TD>
<TD class=sec1 onclick=secBoard(1) width="10%">關於cells集合</TD>
<TD class=sec1 onclick=secBoard(2) width="10%">關於tBodies集合</TD>
<TD class=sec1 onclick=secBoard(3) width="10%">關於display屬性</TD></TR></TBODY></TABLE>
<TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0>
<TBODY style="DISPLAY: block">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>指定行做為表體。

<BR>注釋：TBODY要素是塊要素，並且需要結束標

簽。<BR> 即使如果表格沒有顯式定義TBODY

要素，該要素也提供給所有表。<BR><BR>

參考：《動態HTML參考和開發應用大全》（人民郵電出

版社
Microsoft Corporation著
北京華中興業科技發展有限公司

譯）

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>
<TBODY style="DISPLAY:

none">
<TR>
<TD vAlign=top

align=middle><BR><BR>
<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>檢索錶行或者整個

表中所有單元格的集合。<BR>應用於TR、TABLE。

<BR><BR>參考：《動態HTML參考和開發應

用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業科技發展有限公司

譯）

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>
<TBODY style="DISPLAY:

none">
<TR>
<TD vAlign=top

align=middle><BR><BR>
<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>檢索表中所有TBODY

對象的集合。對象在該集合中按照HTML源順序排列。

<BR>應用於TABLE。<BR><BR>參考：

《動態HTML參考和開發應用大全》（人民郵電出版社
Microsoft Corporation著
北京華中興業科技發展有限公司

譯）

<BR><BR></TD></TR></TB

ODY></TABLE></TD></TR></T

BODY>
<TBODY style="DISPLAY:

none">
<TR>
<TD vAlign=top

align=middle><BR><BR>
<TABLE cellSpacing=0

cellPadding=0 width=490 border=0>
<TBODY>
<TR>
<TD>設置或者檢索對象

是否被提供。<BR>可能的值為block、none、

inline、list-item、table-header-group、table-

footer-group。<BR>該特性可讀寫，塊要素默認

值為block，內聯要素默認值為inline；層疊樣式表

（CSS）屬性不可繼承。<BR><BR>參考：《

動態HTML參考和開發應用大全》（人民郵電出版社
Microsoft Corporation著

北京華中興業科技發展有限公司譯）

<BR><BR><A

href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/display.asp?frame=true" target=_blank>點擊此處
</A>可參閱微軟<A href="http://msdn.microsoft.com/" target=_blank>MSDN在線</A>上的解釋。

</TD></TR></TBODY></TABLE>

;</TD></TR></TBODY></TABLE&g

t;</body>

</html>

B. php+ajax實現動態調用資料庫並顯示成幻燈片效果

回答：

綜合思路：

1. 大概了解了一下你希望得到的效果，而且也正是我這一周正在攻關的問題，並已經完成最終測試。

2. ajax從另一個php頁面得到圖片地址（以text形式得到，形式以ul/li的html代碼格式在該php頁面中形成並顯示）。

3. 在index.php文件的html代碼部分建立一個隱藏div塊，用以暫放第二條得到的數據。

4. 使用javascript實現圖片輪播效果，並設計一個顯示界面，在下方按照圖片輪播的情況動態顯示圖片介紹（忘了說，這個圖片介紹可在第二條的那個php文件中放入圖片的alt屬性之中。）

6. 和第四條相配合，在html代碼部分加入一個div塊，用以顯示輪播圖片和文字介紹以及控制按鈕，並為其設置id屬性，供javascript使用。

7. 至於需要多麼強悍或炫麗的特效，都可以使用js進行編制，前提是您需要對js有一個基本甚至效好的理解和應用能力。

8. 期間還要有圖片轉入動畫的製作和放置，不過這也只是特效的一部分，如果你希望得到代碼，到時候網路hi我，我可以將我的代碼供你參考，不過這套代碼我暫時還不想公開，你需要的話單獨聯系。望諒解。

===========================================

至於php正則類？如果沒有大量的正則替換工作需要進行的話，最好自己編寫，因為所謂的類都會在一定程序上拉低整體程序性能，（其實是我不喜歡使用，也沒有去了解過，正則都是自己來用php函數寫的。）

=============================

最後，工作順意，才思泉涌！

C. 下面的PHP代碼怎麼加入跑馬燈文字顏色的特效

看你的這個語句：
echo "<font color='#00FF00'>";
設置了所有文字都是綠色，可以把顏色替換為$i和$j的表達式，就可以了，例如：
echo "<font color='rgb($i,".(255-$j).",0)'>";

D. Php點贊效果的製作代碼+解析

資料庫設計

先准備兩張表，pic表保存的是圖片信息，包括圖片對應的名稱、路徑以及圖片「贊」總數，pic_ip則記錄用戶點擊贊後的IP數據。

CREATETABLEIFNOTEXISTS`pic`(
`id`int(11)NOTNULLAUTO_INCREMENT,
`pic_name`varchar(60)NOTNULL,
`pic_url`varchar(60)NOTNULL,
`love`int(11)NOTNULLDEFAULT'0',
PRIMARYKEY(`id`)
)ENGINE=MyISAMDEFAULTCHARSET=utf8;

CREATETABLEIFNOTEXISTS`pic_ip`(
`id`int(11)NOTNULLAUTO_INCREMENT,
`pic_id`int(11)NOTNULL,
`ip`varchar(40)NOTNULL,
PRIMARYKEY(`id`)
)ENGINE=MyISAMDEFAULTCHARSET=utf8

index.php

在index.php中，我們通過PHP讀取pic表中的圖片信息並展示出來，結合CSS，提升頁面展示效果。

<?php
include_once("connect.php");
$sql=mysql_query("select*frompic");
while($row=mysql_fetch_array($sql)){
$pic_id=$row['id'];
$pic_name=$row['pic_name'];
$pic_url=$row['pic_url'];
$love=$row['love'];
?>
<li><imgsrc="images/<?phpecho$pic_url;?>"alt="<?phpecho$pic_name;?>"><p><ahref="#"
title="贊"class="img_on"rel="<?phpecho$pic_id;?>"><?phpecho$love;?></a></p></li>
<?php}?>

CSS中，我們將定義滑鼠滑向和離開紅心按鈕的動態效果，並定位按鈕的位置。

.list{width:760px;margin:20pxauto}
.listli{float:left;width:360px;height:280px;margin:10px;position:relative}
.listlip{position:absolute;top:0;left:0;width:360px;height:24px;line-height:24px;
background:#000;opacity:.8;filter:alpha(opacity=80);}
.listlipa{padding-left:30px;height:24px;background:url(images/heart.png)no-repeat
4px-1px;color:#fff;font-weight:bold;font-size:14px}
.listlipa:hover{background-position:4px-25px;text-decoration:none}

jQuery代碼
當用戶點擊自己喜歡的圖片上的紅心按鈕時，向後台love.php發送ajax請求，請求響應成功後，更新原有的數值

$(function(){
$("pa").click(function(){
varlove=$(this);
varid=love.attr("rel");//對應id
love.fadeOut(300);//漸隱效果
$.ajax({
type:"POST",
url:"love.php",
data:"id="+id,
cache:false,//不緩存此頁面
success:function(data){
love.html(data);
love.fadeIn(300);//漸顯效果
}
});
returnfalse;
});
});

love.php

後台love.php接收前端的ajax請求，根據提交的圖片id值，查找IP表中是否已有該用戶ip的點擊記錄，如果有則告訴用戶已「贊過了」，反之，則進行一下操作：

1、更新圖片表中對應的圖片love欄位值，將數值加1。

2、將該用戶IP信息寫入到pic_ip表中，用以防止用戶重復點擊。

3、獲取更新後的贊值，即贊該圖片的用戶總數，並將該總數輸出給前端頁面。

include_once("connect.php");//連接資料庫

$ip=get_client_ip();//獲取用戶IP
$id=$_POST['id'];
if(!isset($id)||empty($id))exit;

$ip_sql=mysql_query("selectipfrompic_ipwherepic_id='$id'andip='$ip'");
$count=mysql_num_rows($ip_sql);
if($count==0){//如果沒有記錄
$sql="updatepicsetlove=love+1whereid='$id'";//更新數據
mysql_query($sql);
$sql_in="insertintopic_ip(pic_id,ip)values('$id','$ip')";//寫入數據
mysql_query($sql_in);
$result=mysql_query("selectlovefrompicwhereid='$id'");
$row=mysql_fetch_array($result);
$love=$row['love'];//獲取贊數值
echo$love;
}else{
echo"贊過了..";
}

我上傳的附件中資料庫SQL 你可以直接建立test 資料庫UTF8編碼的，然後把SQL文件導入進去。修改一下connect.php中資料庫的連接信息即可。

E. 如何在PHP網代碼中加入圖片滾動的效果

#indemo給的寬度是不夠的，寬度是要大於等於的demo1和demo2寬度之和。具體操作如下：

導航:首頁 > 編程語言 > php網頁特效代碼

php網頁特效代碼

與php網頁特效代碼相關的資料