导航:首页 > 编程语言 > php网页特效代码

php网页特效代码

发布时间:2023-02-01 15:37:27

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>

阅读全文

与php网页特效代码相关的资料

热点内容
社会学波普诺pdf 浏览:582
解压做食物的小视频 浏览:756
pdf怎么单独设置文件夹 浏览:472
业务逻辑程序员 浏览:659
addto新建文件夹什么意思 浏览:160
有服务器地址怎么安装软件 浏览:659
安卓如何完全清除数据 浏览:690
安卓安卓证书怎么信任 浏览:53
服务器被攻击如何解决 浏览:221
学霸变成程序员 浏览:881
c语言编译错误fatalerror 浏览:441
ipv4内部服务器地址怎么分配 浏览:463
java线程安全的方法 浏览:950
重复命令画梯形 浏览:164
在疫情就是命令 浏览:328
自己搭建一个什么服务器好玩 浏览:253
java基础马士兵 浏览:823
完美世界手游如何查看服务器 浏览:859
光遇安卓与ios什么时候互通 浏览:598
js如何运行时编译 浏览:918