如何用html实现帖子功能

如何用html实现帖子功能,第1张

有两种情况可以参考一下

1、帖子功能具体是底下到输入框

2、方法一:如果是输入框,建议用js框架,kindediter之类,使用方法如下

把这一段代码放到想放的位置就可以使用了

3、方法二:发帖后到一个头像+评论文字

<div><p><img href="加链接" /></p><p>评论文字</p></div>这样到结构还不能完全实现,还需要一种叫CSS的语言来控制HTML层的样式,这里就不详细解释了,数据过于庞大

1、首先我们需要在桌面上,新建一张记事本

2、然后我们需要打开记事本,编写代码

3、然后我们需要把记事本修改后缀名为.html

4、然后我们需要在桌面上就会有一张网页,这一点很重要。

5、最后我们需要需要在浏览器上运行该网页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

function ShopConfirm(str){

var ShopConfirmLayer=document.getElementById(str)

var webBgLayer=document.getElementById("webBgLayer")

// ShopConfirmLayer.innerHTML=str

ShopConfirmLayer.style.display=""//显示内容层,显示覆盖层

ShopConfirmLayer.style.left=parseInt((document.documentElement.scrollWidth-ShopConfirmLayer.offsetWidth)/2)+document.documentElement.scrollLeft+"px"

ShopConfirmLayer.style.top=Math.abs(parseInt((document.documentElement.clientHeight-ShopConfirmLayer.offsetHeight)/2))+document.documentElement.scrollTop+"px"//为内容层设置位置

webBgLayer.style.display=""

webBgLayer.style.height=document.documentElement.scrollHeight+"px"//为覆盖层设置高度

}

function CloseShopConfirm(ids){

var ShopConfirmLayer=document.getElementById(ids)

var webBgLayer=document.getElementById("webBgLayer")

ShopConfirmLayer.style.display="none"

webBgLayer.style.display="none"

}

function hide(id)

{

var ids=document.getElementById(id)

ids.style.display='none'

}

</script>

</head>

<body style=" height:95%">

<input type="button" value="test" onclick="ShopConfirm('img3')" />

<div id="img3" style="position:absolutetop:343pxleft:129pxbackground:#F7ECF9font-size:14pxcolor:blackz-index:900border:2px #FFCC00 solidwidth:350pxheight:220pxpadding:9px">

<div style="width:350pxtext-align:right"><div style=" color:#9900CCfont-weight:boldfont-size:15pxcursor:hand" onclick="CloseShopConfirm('img3')">关 闭</div></div>

<br/><br/><br/><br/><br/>              在这里设置注册按钮

</div>

</div><script language="javascript">hide('img3')</script>

<div id="webBgLayer" style="position:absolutetop:0pxleft:0pxz-index:899background-color:blackheight:100%width:100%display:none-moz-opacity:0.9filter:alpha(opacity=50)"></div>

</body>

</html>

专门帮你做的,记得给分哈。

以上回答你满意么?


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6174838.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存