Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[分享] 轻轻松松两句代码实现资讯评论框背景自动消除效果!!

[复制链接]
v215com 发表于 2008-3-9 02:42:05 | 显示全部楼层 |阅读模式
这个可能以前有的朋友发过,

但我觉得我这个比较简单

也闲来无聊,发与大家分享

我是在默认模板下改的

但代码通用,只是得改下CSS中的背景图片的位置就OK了

第一步:

打开news_view.html.php,找到

<p><label for="message">内容:</label><textarea id="message" name="message"  ></textarea></p>

改成如下,注意红色部分代码,

<p><label for="message">内容:</label><textarea id="message" name="message"  

onFocus="this.className='';" class="commenttips" ></textarea></p>
this.className 必须是这样的,N不能为小写.


第二步:

打开templates\default\css\style.css

在随意的位置加上下面一句

.commenttips { background:url(../images/comment.jpg) no-repeat 35px 10px;}


其中背景图片根据你自己的情况制作,要注意红色部分一定要一致,改成什么都可以

做好以后在作评论时,用鼠标点一下文本域,此时背景图片会自动消失。此效果可以运用到所有标签中

QQ截图未命名.jpg

[ 本帖最后由 v215com 于 2008-3-9 02:57 编辑 ]

评分

2

查看全部评分

gbbgbb 发表于 2008-3-9 03:01:29 | 显示全部楼层
顶你的肺! 谢谢啦,老大。
回复

使用道具 举报

SSAY 发表于 2008-3-9 08:40:53 | 显示全部楼层
我用的比你更简单的方法!
回复

使用道具 举报

easyker 发表于 2008-3-9 08:48:40 | 显示全部楼层
鉴定完毕!

Http://WwW.EasyKer.Com┊中国易客网┊
                我的朋友,我的家. 今天,你易客了吗?
回复

使用道具 举报

100zhekou 发表于 2008-3-9 21:53:34 | 显示全部楼层
yij已经安装了  谢谢
回复

使用道具 举报

aqxsj 发表于 2008-3-10 00:11:36 | 显示全部楼层
原帖由 SSAY 于 2008-3-9 08:40 发表
我用的比你更简单的方法!

那就发出来啊!别小气吗!!
回复

使用道具 举报

 楼主| v215com 发表于 2008-3-10 03:41:27 | 显示全部楼层
还能简单?

真是高手
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-1-12 13:19 , Processed in 0.031648 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表