精华内容
下载资源
问答
  • html静态留言板

    2021-06-12 17:13:54
    guestbook/index.html 2) 本程序是html显示,提交,实现了很多人想要的“html留言板” 3) 本程序没有做登陆验证,请用户自己添加 4) 本程序采用了fckeditor在线编辑器,也可用新浪的在线编辑器,哪个也行 如果有想用...

    [已通过安全检测]卡巴斯基7.0

    [病毒定义文件版本] 2008-1-24

    [已通过安装测试]Windows XP SP3 + IIS6.0

    *-------------*

    绝对不含脚本!

    *-------------*

    北京飞虎工作室: http://www.asp188.cn

    感谢支持!您的支持是我最大的动力!

    ----------------------------------------------------------------

    “html留言板”程序说明:

    ━┅━┅━┅━┅━┅━┅━┅━┅━━┅━┅━┅━┅━┅━┅━┅━

    1) 本程序由网络“飞虎”个人开发编写, 将之解压到你的网站根目录即可

    guestbook/index.html

    2) 本程序是html显示,提交,实现了很多人想要的“html留言板”

    3) 本程序没有做登陆验证,请用户自己添加

    4) 本程序采用了fckeditor在线编辑器,也可用新浪的在线编辑器,哪个也行

    如果有想用新浪编辑器的可以在网上找,也可以给我写信,我给你发--\"290052621@qq.com\"

    请记住我的域名:http://www.asp188.cn

    记住我的QQ号码:290052621

    展开全文
  • html 留言板

    2021-06-09 08:55:19
    #body{/*图片固定于桌面*/background: url(img/hai.jpg) fixed center center no-repeat ;/*background-size: 100%;*/width: 100%;height: 100%;}#div1{width: 1200px;height: 200px;background-color: #28004D;...

    #body{

    /*图片固定于桌面*/

    background: url(img/hai.jpg) fixed center center no-repeat ;

    /*background-size: 100%;*/

    width: 100%;

    height: 100%;

    }

    #div1{

    width: 1200px;

    height: 200px;

    background-color: #28004D;

    background: rgba(0,0,0,.5);

    margin: auto;

    position: relative;

    margin-top:10px ;

    border-radius: 10px;

    }

    #div3{

    width: 1200px;

    height: 80px;

    background-color: #28004D;

    background: rgba(0,0,0,.5);

    margin: auto;

    position: relative;

    margin-top:10px ;

    border-radius: 10px;

    }

    #div4{

    width: 1200px;

    height: 100%;

    background-color: white;

    background: rgba(0,0,0,.0);

    margin: auto;

    position: relative;

    margin-top:10px ;

    border-radius: 10px;

    }

    /*蓝鸥logal*/

    #img1{

    width: 150px;

    height: 80px;

    position: absolute;

    left: 71px;

    top: 15px;

    }

    /*字体*/

    #s{

    position: absolute;

    top: 47px;

    left: 233px;

    color: white;

    font-size: 25px;

    opacity: 0.7;

    }

    /*图像*/

    #div2{

    position: absolute;

    top: 19px;

    left: 917px;

    background-image:url(img/m.jpg);

    width: 76px;

    height: 76px;

    border-radius: 50%;

    background-color: white;

    background-size: 67px;

    }

    /*字体大小*/

    #span1{

    position: absolute;

    top: 35px;

    left: 1011px;

    font-size: 28px;

    color: white ;

    }

    /*注销*/

    #a1{

    position: absolute;

    top: 47px;

    left: 1068px;

    font-size: 18px;

    color: red;

    opacity: 0.3px;

    }

    #span2{

    position: absolute;

    left: 180px;

    bottom:40px;

    font-size: 25px;

    color:#00FFFF;

    }

    #span3{

    position: absolute;

    left: 330px;

    bottom:40px;

    font-size: 25px;

    }

    #span4{

    position: absolute;

    left: 480px;

    bottom:40px;

    font-size: 25px;

    }

    #span5{

    position: absolute;

    left: 630px;

    bottom:40px;

    font-size: 25px;

    }

    #span6{

    position: absolute;

    left: 760px;

    bottom:40px;

    font-size: 25px;

    }

    #span7{

    position: absolute;

    left: 890px;

    bottom:40px;

    font-size: 25px;

    }

    #line{

    width: 815px;

    height: 2px;

    position: absolute;

    bottom: 20px;

    left: 180px;

    background-color: white;

    }

    #span8{

    position: absolute;

    left: 50px;

    top: 20px;

    color: white;

    }

    #t1{

    position: absolute;

    left:170px;

    top: 10px;

    background-color: #28004D;

    background: rgba(0,0,0,.2);

    width: 800px;

    height: 60px;

    color: white;

    font-size: 18px;

    }

    #btn{

    position: absolute;

    left: 978px;

    top: 10px;

    width: 80px;

    height: 20px;

    background-color: #4DFFFF;

    border-radius:10px ;

    }

                l.png

    安全管理平台

    pc

    注销登陆

    产品信息

    角色管理

    账号信息

    安全扫描

    故障信息

    值班管理

    发表您的想法

    发表内容

    var textContent=document.getElementById("t1");

    var btn=document.getElementById("btn");

    var content=document.getElementById("div4");

    //创建的

    btn.οnclick=function(){

    addDiv();

    }

    function addDiv(){

    //放 名字,文本,线,日期

    var divContent=document.createElement("div");

    //姓名

    var name1=document.createElement('n');

    //文本

    var textC=document.createElement("p");

    //线

    var line=document.createElement("div");

    //日期

    var date2=document.createElement("date1");

    //刪除按鈕

    var removeBtn=document.createElement("button");

    //楼号

    var float1=document.createElement("f");

    var date1=new Date();

    var year=date1.getFullYear();

    var month=date1.getMonth()+1;

    var day=date1.getDate();

    var hour=date1.getHours();

    var minite=date1.getMinutes();

    var second=date1.getSeconds();

    var datetime=year+":"+month+":"+day+" "+hour+":"+minite+":"+second;

    //每一个divcont大小

    divContent.style.position="relative";

    divContent.style.height="100px";

    divContent.style.width="900px";

    divContent.style.margin="auto";

    // divContent.style.backgroundColor="#CAFFFF";

    divContent.style.backgroundcolor="#28004D";

    divContent.style.background="rgba(0,0,0,.5)";0

    //名字

    name1.style.position="absolute";

    name1.style.left="20px";

    name1.style.top="20px";

    name1.innerText="pc";

    //内容

    textC.style.position="absolute";

    textC.style.height="50px";

    textC.style.weight="700px";

    textC.innerText=textContent.value;

    textC.style.left="30px";

    textC.style.top="30px";

    //线

    line.style.width="900px"

    line.style.height="1px"

    line.style.backgroundColor="black";

    line.style.position="absolute";

    line.style.left="0px"

    line.style.bottom="5px";

    //日期

    date2.style.position="absolute";

    date2.style.right="100px";

    date2.style.bottom="8px";

    date2.innerText=datetime;

    date2.style.right="100px";

    date2.style.bottom="8px";

    //刪除按鈕

    removeBtn.style.position="absolute";

    removeBtn.style.right="100px";

    removeBtn.style.bottom="70px";

    removeBtn.style.height="20px";

    removeBtn.style.width="45px";

    removeBtn.innerText="删除";

    removeBtn.style.backgroundColor="red";

    //楼层排序

    float1.style.position="absolute";

    float1.left="10px";

    float1.top="10px";

    float1.innerText=content.children.length+1;

    //添加

    divContent.appendChild(float1);

    divContent.appendChild(removeBtn);

    divContent.appendChild(date2);

    divContent.appendChild(name1);

    divContent.appendChild(line);

    divContent.appendChild(textC);

    //倒叙添加

    content.insertBefore(divContent,content.children[0]);

    console.log(content.children.length);

    删除:          removeBtn.οnclick=function(){               divContent.remove();                           var num=content.children.length;                            for(var i=0;i

    展开全文
  • html 留言板

    2021-06-09 17:37:36
    HTML5--JS API-本地存储 Web留言板*{margin:0; padding:0;}body,input{font-size:14px; line-height:24px; color:#333; font-family:Microsoft yahei, Song, Arial, Helvetica, Tahoma, Geneva;}h1{margin-bottom:15...
    HTML5--JS API-本地存储 Web留言板

    *{margin:0; padding:0;}

    body,input{font-size:14px; line-height:24px; color:#333; font-family:Microsoft yahei, Song, Arial, Helvetica, Tahoma, Geneva;}

    h1{margin-bottom:15px; height:100px; line-height:100px; text-align:center; font-size:24px; color:#fff; background:#0051a1;}

    #content #post,#comment p{zoom:1;}

    #content #post:after,#comment p:after{display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:'.';}

    .transition{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}

    #content{margin:0 auto; width:960px; overflow:hidden;}

    #content #post{margin-bottom:15px; padding-bottom:15px; border-bottom:1px #d4d4d4 dashed;}

    #content #post textarea{display:block; margin-bottom:10px; padding:5px; width:948px; height:390px; border:1px #d1d1d1 solid; border-radius:5px; resize:none; outline:none;}

    #content #post textarea:hover{border:1px #9bdf70 solid; background:#f0fbeb;}

    #content #post #postBt,#content #post #clearBt{margin-left:5px; padding:3px; float:right;}

    #comment{overflow:hidden;}

    #comment p{margin-bottom:10px; padding:10px; border-radius:5px;}

    #comment p:nth-child(odd){border:1px solid #e3e197; background:#ffd;}

    #comment p:nth-child(even){border:1px solid #adcd3c; background:#f2fddb;}

    #comment p span{display:inline; float:left;}

    #comment p .msg{width:738px;}

    #comment p .datetime{width:200px; color:#999; text-align:right;}

    var Storage =

    {

    saveData:function()//保存数据

    {

    var data = document.querySelector("#post textarea");

    if(data.value != "")

    {

    var time = new Date().getTime() + Math.random() * 5;//getTime是Date对象中的方法,作用是返回 1970年01月01日至今的毫秒数

    localStorage.setItem(time, data.value + "|" + this.getDateTime());//将毫秒数存入Key值中,可以降低Key值重复率

    data.value = "";

    this.writeData();

    }

    else

    {

    alert("请填写您的留言!");

    }

    },

    writeData:function()//输出数据

    {

    var dataHtml = "", data = "";

    for(var i = localStorage.length-1; i >= 0; i--)//效率更高的循环方法

    {

    data = localStorage.getItem(localStorage.key(i)).split("|");

    dataHtml += "

    " + data[0] + "" + data[1] + "

    ";

    }

    document.getElementById("comment").innerHTML = dataHtml;

    },

    clearData:function()//清空数据

    {

    if(localStorage.length > 0)

    {

    if(window.confirm("清空后不可恢复,是否确认清空?"))

    {

    localStorage.clear();

    this.writeData();

    }

    }

    else

    {

    alert("没有需要清空的数据!");

    }

    },

    getDateTime:function()//获取日期时间,例如 2012-03-08 12:58:58

    {

    var isZero = function(num)//私有方法,自动补零

    {

    if(num < 10)

    {

    num = "0" + num;

    }

    return num;

    }

    var d = new Date();

    return d.getFullYear() + "-" + isZero(d.getMonth() + 1) + "-" + isZero(d.getDate()) + " " + isZero(d.getHours()) + ":" + isZero(d.getMinutes()) + ":" + isZero(d.getSeconds());

    }

    }

    window.onload = function()

    {

    Storage.writeData();//当打开页面的时候,先将localStorage中的数据输出一边,如果没有数据,则输出空

    document.getElementById("postBt").onclick = function(){Storage.saveData();}//发表评论按钮添加点击事件,作用是将localStorage中的数据输出

    document.getElementById("clearBt").onclick = function(){Storage.clearData();}//清空所有已保存的数据

    }

    HTML5--JS API-本地存储 Web留言板

    展开全文
  • html留言板

    2021-02-01 04:47:36
    展开全部//开启SESSION,启用SESSION变量检查表单是否重复提交636f...$title="留言" ;include("include/header.php");include("include/class.imobj.php");//检查表单,符合要求的留言插入数据库$sub=$...

    展开全部

    //开启SESSION,启用SESSION变量检查表单是否重复提交636f707962616964757a686964616f31333332633664

    session_start();

    $title="留言" ;

    include("include/header.php");

    include("include/class.imobj.php");//检查表单,符合要求的留言插入数据库

    $sub=$_POST['sub'];//防止恶意留言代码并规划文本格式

    function clean($string){

    $string = stripslashes($string);

    $string = addslashes($string);

    $string = htmlspecialchars($string);

    $string = strip_tags($string);

    $string = trim($string);

    $string = nl2br($string);

    $string = substr($string,0,250);

    return $string;

    }

    //判断表单

    if (!empty($_POST['name'])&&!empty($_POST['email'])&&!empty($_POST['message'])&&$_SESSION["userlastaction"]

    if (!strcasecmp($_POST['checknum'],$_SESSION['chenknum'])){

    $name=clean($_POST['name']);

    $email=clean($_POST['email']);

    $message=clean($_POST['message']);

    $_SESSION["userlastaction"]++;

    /*

    include("include/conn_ruin.php");

    $sql = "INSERT INTO guestbook (name,time_at,email,message) VALUES('$name',NOW( ),'$email','$message')";

    $result = @mysql_query($sql,$conn);

    mysql_close($conn);

    */

    $error = 'Now , the message page isn\'t opening until i let it open! you can do anything if you can , trash!,';

    }else {

    $error = "出错:验证码错误! Warning: Authentication code error!";

    }

    }else {

    $error ="出错:您的表单没有填写完整或重复提交,请重新检查内容或浏览其它感兴趣的页面!  Warning:You did not fill out forms, or to repeat. Please check. Or visit other pages!";

    }//验证码部分

    $check = new imobj();

    $check->construct();

    $check->createimg();

    $_SESSION['chenknum'] = $check->getid();?>


    <?php if (!empty($error)&&$sub=="true") echo " $error" ?> <?php

    include("include/conn_ruin.php"); //分页部分 //取得留言总条数

    $sql = "SELECT COUNT(*) FROM guestbook";

    $result=mysql_query($sql,$conn);

    $mes_number = mysql_fetch_row($result); //设置每页显示条数

    $every_number = 12;

    //获取最后的页数

    $last_page_number = floor($mes_number[0] /$every_number)+1; //获取当前所请求的页码

    if (empty($_GET['page']) || $_GET['page']<1)

    {

    $page=1;

    } else if ($_GET['page']>$last_page_number)

    {

    $page=$last_page_number;

    }else {

    $page = $_GET['page'];

    } //echo "everynumber:".$every_number."

    ".$last_page_number."

    ".$page; //获取LIMIT参数

    $a = ($page-1)*$every_number; //echo "

    $a"; //读取数据库并显示留言 $sql ="SELECT * FROM guestbook ORDER BY time_at DESC LIMIT $a,$every_number";

    $result=mysql_query($sql,$conn);

    echo "

    while($row = mysql_fetch_row($result))

    {

    echo "

    ";

    echo "".$row[1]." | ".$row[2]."

    ";

    echo "

    ";

    echo $row[4]."

    ";

    }

    echo "

    ";

    mysql_close($conn); ?>


    首页 上一页 下一页 末页


    填写您的留言,如需站长回复,请务必填写您的真实E-Mail

    姓名[name]: 邮箱[email]:

    留言[message]:            验证 :  img.php

    />


    展开全文
  • PHP 与 HTML 混写首先我们将《PHP丨前端网页是怎么跟后台进行数据交互的(实战)》中的 HTML 代码另存为名为 index.php 的文件;从而实现 PHP 与 HTML 混写://预先定义数据库连接参数$host = '127.0.0.1';$user = '...
  • 本篇文章主要给大家介绍一个非常简单的HTML留言板html 留言列表样式的相关代码操作。留言板是一些门户网站或者论坛等等必不可少的一部分。HTML留言板具体代码示例如下:网页留言板版源码示例简易留言板function ...
  • 记事本 留言板 昵称:
  • 效果如图: 实现代码如下:html代码:简单的网页留言板简单的网页留言板index.js代码:///**// * Created by Administrator on 2014/11/27.// *///function saveStorage(id){// var data = document.getElementById...
  • js+css+html制作简易留言板1 案例说明2 编写HTML代码3 编写css代码4 编写JavaScript代码5 全部代码 1 案例说明 利用JavaScript、css以及html制作简易留言板,也可以看作是简易评论区。 要求在页面文本框中输入一些...
  • JS简易留言板

    2021-06-13 03:00:24
    简易留言板留言区域:显示留言区域:window.onload=function(){var display_area = document.getElementById("display_area");var btn = document.getElementById("btn");btn.onclick = function(){var content_val ...
  • 实例html>Title*{padding:0;margin:0;}.main{padding:40px;max-width:400px;margin:100pxauto;border:10pxsolid#2e4988;background-color:#54cbf9;color:white;border-radius:25px;font-size:20px;t...
  • 文章目录 ​​HTML5期末大作业:宠物网站设计——布偶猫(7页)带留言板 HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品​​ ​​作品介绍​​ ​​一、作品展示​​ 1....
  • JS实现简易留言板(节点操作)

    千次阅读 2021-06-12 17:50:49
    本文实例为大家分享了JS实现简易留言板的具体代码,供大家参考,具体内容如下今天的案例主要是对节点进行操作创建节点、添加节点、删除节点以及为节点添加内容的操作。就是一个简单的留言板功能,可以发布留言,删除...
  • 留言板案例 <textarea name="" id="" cols="30" rows="10">123</textarea> <button>发布</button> <ul> </ul> <script> // 1.获取元素 var btn = document....
  • 如图的留言板功能所有的留言都是通过调取接口获得的返回值现在要实现 选中一条留言 点击删除 删除掉留言删除留言的接口需要提供留言id的参数,求问怎么能在 选中留言的时候获得留言的id 删除的时候 同时删除留言自身...
  • 本文实例为大家分享了JS实现留言板特效的具体代码,供大家参考,具体内容如下知识点1.textarea 大段输入框2.value获取输入框的值3.innerHTML所用东西;innerText文本4.insertBefore在某个标签之前插入运行效果代码...
  • 2[/ft][/ft][/ft][/ft] [/M] qq空间怎么修改主人寄语啊 进入自己空间的留言板,就会有主人寄语,主人寄语右面有编辑您的寄语,点击编辑您的寄语,就可以修改了。字体可以变颜色,可以变大,可以设置发光字体。 马年...
  • 下面就开始我留言板制作:首先设计我们登陆页面,首先我们需要搭建一个登录页面,denglu.php如下图,denglu.php前端代码如下:123456789101112131415161718用户登录用户名 :密码:然后编写做登录页面dodenglu.php的...
  • } 留言板.html 留言板 发布人: 共 全部留言 总结 以上所述是小编给大家介绍的JS实现留言板功能[楼层效果展示],希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对...
  • 1.数据库先载入表单,里面包含留言信息名为text(名字自己起),还要有一个num号,设置为不可重复,这是数据库要先准备的,因为留言需要存储,必须有一个可以存储的地方,光是html是不能完成的,所以需要掌握html、php...
  • 给我留言的代码: <DIV> <CENTER><EMBED pluginspage=.macromedia/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=61.135.153.218/vote/flash/uploadfiles/2005_10_13_16_40_36_.swf width=80 ...
  • html5实现留言板的代码实例分享HTML5--JS API-本地存储 Web留言板*{margin:0; padding:0;}body,input{font-size:14px; line-height:24px; color:#333; font-family:Microsoft yahei, Song, Arial, Helvetica, Tahoma...
  • 留言板*{margin: 0;padding: 0;}#warp{background: url(img/14.jpg) no-repeat center fixed;margin: 0 auto;width: 500px;/*height: 350px;*/padding: 30px;position: relative;}#text,#word{display: flex;}#text ...
  • 本文实例为大家分享了javascript实现留言板功能的具体代码,供大家参考,具体内容如下Document*{margin: 0;padding: 0;}.box{ /*设置最外层盒子*/width: 600px;border: 1px solid #aaa;padding: 20px 10px;margin: ...
  • html5本地存储-留言板

    2021-06-13 09:14:25
    HTML5每日一练之JS API-本地存储LocalStorage 留言板 | 前端开发网(W3Cfuns.com)!var Storage ={saveData:function()//保存数据{var data = document.querySelector("#post textarea");if(data.value != ""){var ...
  • php+mysql简易留言板,实现注册,登录,注销,查看留言,删除留言1,index.html登录页面代码:登陆*{margin: 0;padding: 0;}div{width: 200px;height: 200px;}.center-in-center{position: absolute;top: 50%;left: ...
  • html+php+ajax+mysql留言板

    2021-01-19 14:44:10
    【实例简介】前后端实现留言板的功能,...【实例截图】【核心代码】htmlphpajaxmysql留言板└── html+php+ajax+mysql留言板├── bootstrap-3.3.7-dist│ ├── css│ │ ├── bootstrap.css│ │ ├── boot...
  • JavaScript实现动态留言板

    千次阅读 2021-06-12 18:40:20
    本文实例为大家分享了简单动态留言板的创建,供大家参考,具体内容如下效果图展示:思路html代码发表留言css代码* {margin: 0;padding: 0;}body {padding: 100px;}textarea {width: 200px;height: 100px;border: 1px...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,858
精华内容 17,143
关键字:

留言簿html