点赞效果代码
这个，就我知道的说一下，网页主要需要使用html,CSS,javaScript,php以及其它。所以如果想写网页还是需要学这些吧。C语言应该是不能做网页。当然有了编程基础学这些也快吧。HTML和CSS可以控制网页上显示什么和显示的格式。JavaScript是客户端的脚本语言，PHP是用于写服务器端的。
比如举个例子
<htmlxmins="http://www.w3.org/1999/xhtml"xml:lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>用户登录</title>
<linkrel="stylesheet"type="text/css"href="styles.css"/>
<scriptlanguage="javascript">
functionInputCheck(form1)
{
if(form1.username.value=="")
{
alert('请输入您的账号');
form1.username.focus();
return(false);
}
if(form1.password.value=="")
{
alert('请输入您的密码');
form1.password.focus();
return(false);
}
}
</script>
</head>
<title>用户登录</title>是HTML，作用是在浏览器的标签显示“用户登录”。<link rel="stylesheet" type="text/css" href="styles.css" />也是HTML，作用是链接了一个CSS，就是styles.css，用于控制网页的格式。<script language="javascript">开始的那一段代码是JavaScript，作用是在客户端检查用户输入的账号和密码是否为空，如果为空，就提示“请输入”。
PHP用于在服务器端和数据库交互，数据库可以是MySQL，SQLServer等。因为如果做网页，储存一些用户的信息等最好还是用数据库吧。
希望你能大体明白吧，当然如果制作一个网页的界面可以使用一些软件，如Dreamweaver等，应该能做出比较漂亮的界面。
② 求网页设计 “点赞”特效 源代码
页设计 “点赞”特效 源代码
远不如你怎么看
③ qq空间点赞。怎么弄成14亿人点赞。好像什么代码。求教
[em]e10033[/em]打赏了抄100000.00元红包[em]e10011[/em]
[em]e10002[/em]iPhone XS Max
[em]e10017[/em]14亿人觉得很赞
[em]e10014[/em]马航H370
内容可改
④ 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中数据库的连接信息即可。
⑤ HTML点赞功能
HTML+CSS网站点赞和打赏的功能，实现方法如下：
1、HTML代码：
<body>
<divclass="thumbs_content">
<ahref="javascript:void(0)"class="thumbs_buttonfafa-thumbs-up"title="点赞，支持一下">点赞</a>
<ahref="javascript:void(0)"class="reward_buttonfafa-money"title="打赏，支持一下">打赏</a>
<spanclass="clear"></span>
</div>
</body>
2、CSS代码如下：
<styletype="text/css">
.thumbs_content{
width:291px;
margin:0auto;
}
.thumbs_button{
float:left;
width:145px;
text-align:center;
margin:5pxauto;
height:45px;
line-height:45px;
background-color:#444;
color:#fbfbfb;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:16px;
transition:all0.3s;
border-radius:00025px;
-webkit-border-radius:00025px;
-moz-border-radius:00025px;
-o-border-radius:00025px;
}
.reward_button{
float:left;
width:145px;
text-align:center;
margin:5pxauto;
height:45px;
line-height:45px;
background-color:#cd4450;
color:#fbfbfb;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:16px;
border-left:1pxsolid#fbfbfb;
transition:all0.3s;
border-radius:025px00;
-webkit-border-radius:025px00;
-moz-border-radius:025px00;
-o-border-radius:025px00;
}
.thumbs_button:hover,.reward_button:hover{
opacity:0.8;
font-size:18px;
}
.clear{
clear:both;
}
</style>
3、效果图：
⑥ jQuery或js点赞功能代码,并且要把数据传到数据库
首先只需要在body中定义一个button。和盛放心的盒子
<div id = "demo"></div>
<input type = "button" id = "btn1" value = "点个赞吧" />
由于还要引进心的图片，所以在这里我们在设置css样式的时候还要设置图片img的样式。
css代码如下：
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
#btn1{
position: absolute;
bottom:100px;
width: 200px;
background-color: lightblue;
font-size: 18px;
left:45%;
}
img{
bottom:100px;
margin-left: -15px;
width: 20px;
height:20px;
position: absolute;
left: 50%;
}
</style>
下来就是要写jquery函数。
(document).ready(function(){
// 1. 首先给按钮绑定点击事件。(“#btn1”).click(function(){
//2. 生成彩色的心，即随机选择图片。
// 2.1 生成随机数
var num = Math.floor(Math.random() * 3 +1);
//2.2 生成一个img元素，并为其添加src属性
var image = $(“”);
//三个图片的名字分别是 1.png\2.png\3.png,所以img的路径和图片名可以进行线面的字符串拼接
image.attr(“src”,”./images/”+num+”.png”);
//3。将生成的img追加到页面上
$(“#demo”).append(image);
//4. 下来就是让心动起来。从点击按钮的地方向上飘。利用jquery的动画函数animate()
//生成随机的距离左边的距离，这样就可以使心有种向上飘的感觉
var left = Math.random() * 800;
image.animate({
‘bottom':'800px',
‘left':left,
‘opacity':'0'
},3000);
});
})；
});
⑦ 求一段实现点赞功能的代码PHP的包括后台，悬赏绝对够高
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 "赞过了..";
}
希望可以点赞,谢谢。
⑧ 用ajax，js写点赞代码，要求不能重复点赞，求代码啊
<button id="zan">赞</button>
$("#zan").toggle(function(){
//点赞的ajax（）
},
function(){
//取消点赞的ajax（）
});
⑨ 想实现网页上的点赞功能，已知前台的html代码及JS，不知道后台的文件及数据库如何建。请高手帮忙！鞠躬！
你暂时还不能够写的出来，因为就像你说的要创建数据库，然后要通过java来连接数据库，这其实内是很麻容烦的，有种方法简单些，不需要连接数据库：
用一个标签保存点击的数量，当点击一个赞时，保存数量就加1，在把保存的数量返回给
这里
⑩ ASP网站实现点赞功能代码怎么写
说说原理，比如说你要给文章加一个点赞功能。
在文章表里增加一个字段用来存赞版。
然后在文章页面权加一个按钮，点赞，ASP处理给这个ID的文章赞字段加1就OK了。。。
简单实现
<%'数据库接，读取出文章%>
<%=rs("文章内容等")%>
<ahref="like.asp?id=<%=rs("上面读取到的这篇文章ID")%>">点赞</a>
like.asp
<%数据库接
id=request("id")
updatetableset赞字段=赞字段+1whereid="&id
判断成功/错误
如果需要无刷新的话，再配合JSAJAX来做就可以了。