用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了。