點贊效果代碼
這個，就我知道的說一下，網頁主要需要使用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來做就可以了。