用js与CSS写点击字体弹出div层效果实例?

qtvb1987 2010-01-12 03:47:48

问题是如何在页面里点击文字,弹出一个div层显示,可以进行操作。

帮忙看看呀?
...全文
1089 14 打赏 收藏 举报
写回复
14 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
fpeih 2010-01-13
  • 打赏
  • 举报
回复
我来学习下
kelien2010 2010-01-12
  • 打赏
  • 举报
回复
不懂,来学一哈,哈哈
cloudgamer 2010-01-12
  • 打赏
  • 举报
回复
也可以看看这个弹出效果
qtvb1987 2010-01-12
  • 打赏
  • 举报
回复
找到了,我先试试,是不是我要的效果
qtvb1987 2010-01-12
  • 打赏
  • 举报
回复
老大,我找不到JQ脚本。。。。。。。。。。。。帮帮忙
qtvb1987 2010-01-12
  • 打赏
  • 举报
回复
我看看呀,先说谢谢,哈哈
chl19871024 2010-01-12
  • 打赏
  • 举报
回复
剩下俩太大 发不过去。。
http://www.hemin.cn/blog/?p=984
这又源码!
chl19871024 2010-01-12
  • 打赏
  • 举报
回复
jq-main.js
$(function(){
$("#id").click(function() {
tipsWindown("标题","id:testID","350","150","true","","true","id")
});
});

chl19871024 2010-01-12
  • 打赏
  • 举报
回复
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/tipswindown.css" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jq-main.js"></script>
<script type="text/javascript" src="js/tipswindown.js"></script>
</head>
<body>
<button id="iframe1">点击我弹出提示</button>
<div id="testID" style="display: none">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" onblur="checkName()" id="username" /><span id="s_name"></span></td>
</tr>
<tr>
<td>密   码:</td>
<td><input type="text" onblur="checkPass()" id="pass" /><span id="s_pass"></span></td>
</tr>
<tr>
<td>邮   箱:</td>
<td><input type="text" onblur="checkEmail()" id="email"/><span id="s_email"></span></td>
</tr>
<tr>
<td>手   机</td>
<td><input type="text" id="phnoe"/><span id="s_pass"></span></td>
</tr>
</table>
</div>
</body>
</html>

qtvb1987 2010-01-12
  • 打赏
  • 举报
回复
就是不能用动态?

问题补充:

要求是在后台相同表里面取数据,但是要在同一个DIV里调用。我现在是把它的链接做了个页面,是要弹出DIV层效果呀?相当于一个查看详细页面样式。做成DIV层。
这是用table与lable显示出来的
DIV层 编号 年龄段 员工人数 占全体员工人数比例
1 20-30岁 69.81 37
2 31-40岁 13 7
3 41-50岁 16.98 9
4 450岁以上 0 0
willing_ct 2010-01-12
  • 打赏
  • 举报
回复
改写style.display似乎是没办法成功的,至少我没成功。
我最后的解决方案是,在页面中动态创建DIV.
当然,可以实现设置好它的样式,创建出DIV后,给它设置id,以使其达成预期的样式。
既然DIV是动态生成,那么里面的文字也要动态的写进去。innerHTML就可以咯。

事先写好OnClick事件,就OK了。
h821291419 2010-01-12
  • 打赏
  • 举报
回复
无代码无真相!
qtvb1987 2010-01-12
  • 打赏
  • 举报
回复
我知道这样,可是没有弹出方法。
h821291419 2010-01-12
  • 打赏
  • 举报
回复
为文字所在标签设置 onclick事件
在事件中弹出一个层
或者是先隐藏你需要的层 在onclick事件中 将层display属性设置为block
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-12 03:47
社区公告
暂无公告