php网页特效代码（php网站能实现什么效果）

今天给各位分享php网页特效代码的知识，其中也会对php网站能实现什么效果进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Php点赞效果的制作代码+解析
• 2、php 网页制作 图片轮播
• 3、帮忙看看这个效果怎么制作？如http://app.sh.sohu.com/ads/08/sony/index.php左上角这个FLASH图片
• 4、php 能不能做到动画效果的打开页面，就像拉开帷幕般的逐步显示出页面来，求大神解答，希望有代码参考下

Php点赞效果的制作代码+解析

数据库设计

先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“赞”总数，pic_ip则记录用户点击赞后的IP数据。

CREATE TABLE IF NOT EXISTS `pic` ( 

  `id` int(11) NOT NULL AUTO_INCREMENT, 

  `pic_name` varchar(60) NOT NULL, 

  `pic_url` varchar(60) NOT NULL, 

  `love` int(11) NOT NULL DEFAULT '0', 

  PRIMARY KEY (`id`) 

) ENGINE=MyISAM  DEFAULT CHARSET=utf8; 

CREATE TABLE IF NOT EXISTS `pic_ip` ( 

  `id` int(11) NOT NULL AUTO_INCREMENT, 

  `pic_id` int(11) NOT NULL, 

  `ip` varchar(40) NOT NULL, 

  PRIMARY KEY (`id`) 

) ENGINE=MyISAM  DEFAULT CHARSET=utf8

index.php

在index.php中，我们通过PHP读取pic表中的图片信息并展示出来，结合CSS，提升页面展示效果。

?php 

     include_once("connect.php"); 

     $sql = mysql_query("select * from pic"); 

     while($row=mysql_fetch_array($sql)){ 

         $pic_id = $row['id']; 

         $pic_name = $row['pic_name']; 

         $pic_url = $row['pic_url']; 

         $love = $row['love']; 

     ? 

     liimg src="images/?php echo $pic_url;?" alt="?php echo $pic_name;?"pa href="#"  

title="赞"class="img_on" rel="?php echo $pic_id;?"?php echo $love;?/a/p/li 

 ?php }?

CSS中，我们将定义鼠标滑向和离开红心按钮的动态效果，并定位按钮的位置。

.list{width:760px; margin:20px auto} 

.list li{float:left; width:360px; height:280px; margin:10px; position:relative} 

.list li p{position:absolute; top:0; left:0; width:360px; height:24px; line-height:24px;  

background:#000; opacity:.8;filter:alpha(opacity=80);} 

.list li p a{padding-left:30px; height:24px; background:url(images/heart.png) no-repeat  

4px -1px;color:#fff; font-weight:bold; font-size:14px} 

.list li p a:hover{background-position:4px -25px;text-decoration:none}

jQuery代码

当用户点击自己喜欢的图片上的红心按钮时，向后台love.php发送ajax请求，请求响应成功后，更新原有的数值

$(function(){ 

    $("p a").click(function(){ 

        var love = $(this); 

        var id = 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); //渐显效果 

            } 

        }); 

        return false; 

    }); 

});

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("select ip from pic_ip where pic_id='$id' and ip='$ip'"); 

$count=mysql_num_rows($ip_sql); 

if($count==0){ //如果没有记录 

    $sql = "update pic set love=love+1 where id='$id'"; //更新数据 

    mysql_query( $sql); 

    $sql_in = "insert into pic_ip (pic_id,ip) values ('$id','$ip')"; //写入数据 

    mysql_query( $sql_in); 

    $result = mysql_query("select love from pic where id='$id'"); 

    $row = mysql_fetch_array($result); 

    $love = $row['love']; //获取赞数值 

    echo $love; 

}else{ 

    echo "赞过了.."; 

}

我上传的附件中 数据库SQL 你可以直接建立test 数据库UTF8编码的，然后把SQL文件导入进去。修改一下connect.php中数据库的连接信息即可。

php 网页制作 图片轮播

这是前台的事，不用php 用jq

很多网站都有类似的效果 可以模仿下

帮忙看看这个效果怎么制作？如http://app.sh.sohu.com/ads/08/sony/index.php左上角这个FLASH图片

下面是这个网页动画的代码，主要应用了FLASH调用外部图片的效果，如果你也想做一个一样的效果的网页，建议你先把这个

文件下载了，然后在你的网页上输入以下的代码，注意要把你自己的图片换上，包括图片和.swf的地址，当然链接的相应网址，还有要显示的文字也要改了

SCRIPT type=text/javascript

var pic_width=380; //图片宽度

var pic_height=250; //图片高度

var button_pos=4; //按扭位置 1左 2右 3上 4下

var stop_time=5000; //图片停留时间(1000为1秒钟)

var show_text=0; //是否显示文字标签 1显示 0不显示

var txtcolor="000000"; //文字色

var bgcolor="DDDDDD"; //背景色

var imag=new Array();

var link=new Array();

var text=new Array();

imag[1]="jd/jd_t700.jpg";

link[1]="";

text[1]="Sony-T700上市";

imag[2]="jd/jd_a900n.jpg";

link[2]="";

text[2]="Alpha 900上市";

imag[3]="jd/jd_a350family.jpg";

link[3]="";

text[3]="索尼family";

imag[4]="jd/jd_20S_pink.jpg";

link[4]="";

text[4]="索尼20S";

imag[5]="jd/jd_sr12e_y.jpg";

link[5]="";

text[5]="索尼高清摄像机 珍藏生活每一刻";

imag[6]="jd/jd_blu-ray.jpg";

link[6]="";

text[6]="买索尼蓝光播放器，赠蓝光碟片";

imag[7]="jd/sr-380x250.jpg";

link[7]="";

text[7]=" VAIO SR";

imag[8]="jd/jd_m8.jpg";

link[8]="";

text[8]="M8";

imag[9]="jd/jd_sr12e_j.jpg";

link[9]="";

text[9]="索尼高清摄像机 珍藏生活每一刻";

//可编辑内容结束

var swf_height=show_text==1?pic_height+20:pic_height;

var pics="", links="", texts="";

for(var i=1; iimag.length; i++){

pics=pics+("|"+imag[i]);

links=links+("|"+link[i]);

texts=texts+("|"+text[i]);

}

pics=pics.substring(1);

links=links.substring(1);

texts=texts.substring(1);

document.write('object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="'+ pic_width +'" height="'+ swf_height +'"');

document.write('param name="movie" value="images/focus.swf"');

document.write('param name="quality" value="high"param name="wmode" value="opaque"');

document.write('param name="FlashVars" value="pics='+pics+'links='+links+'texts='+texts+'pic_width='+pic_width+'pic_height='+pic_height+'show_text='+show_text+'txtcolor='+txtcolor+'bgcolor='+bgcolor+'button_pos='+button_pos+'stop_time='+stop_time+'"');

document.write('embed src="images/focus.swf" FlashVars="pics='+pics+'links='+links+'texts='+texts+'pic_width='+pic_width+'pic_height='+pic_height+'show_text='+show_text+'txtcolor='+txtcolor+'bgcolor='+bgcolor+'button_pos='+button_pos+'stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="" /');

document.write('/object');

/SCRIPT

php 能不能做到动画效果的打开页面，就像拉开帷幕般的逐步显示出页面来，求大神解答，希望有代码参考下

php不能，javascript可以，不过比较消耗性能。这样的页面，目前采用flash, silverlight的比较多吧。再不然就是嵌入一个动态gif图片(这种的当然更不可取了)

关于php网页特效代码和php网站能实现什么效果的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。