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>
<!--javaScript部分-->
<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>
<!--HTML部分-->
<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标记-->
<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><!--关于cells集合-->
<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><!--关于tBodies集合-->
<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><!--关于display属性-->
<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宽度之和。具体操作如下:
<style type="text/css">
<!--
#demo {
background: #000;
overflow:hidden;
border: 0px dashed #000;
width: 750px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<ul>
<?php echo dt_proct(8,5,10,0,0,false,null,'id')?>
</ul>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
<!--
var speed=10; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>