一款公用的CSS+DIV弹窗
2024-10-16 19:20:16
为了方便以后自己使用!
<html>
<head>
<style>
.winmainshow { background: #fff; padding: 10px 5px 5px 25px; line-height: 25px; border: 1px solid #333; position: fixed; z-index: 1000; border-radius: 10px; color: #999; }
</style>
</head>
<body>
<!--遮罩背景-->
<div id="shadow" class="winbg" style="display: none">
</div>
<div id="UserFeedbackamin" class="winmainshow" style="display: none;">
</div>
<input type="button" id="afeed" value="弹出"> </body>
</html>
javascript代码:
$().ready(function () {
$("#afeed").click(function () {
var strc = ' <label> <input id="yjjy" class="c_opinion" name="one" type="radio" value="1" />意见建议</label>';
strc += '<label> <input id="tj" class="c_opinion" name="one" type="radio" value="2" />bug提交</label> <label><input id="tsjb" class="c_opinion" name="one" type="radio" value="3" />投诉举报</label>';
strc += '<label><input id="xqbx" class="c_opinion" name="one" type="radio" value="4" />寻求帮助</label>';
strc += '<br/><label id="labmsg"></label>';
windowCenteredfeed("#UserFeedbackamin", "", 600, 400, strc);
}); $("#closeIframe").live("click", function () {
$("#loginPanel").animate({ 'top': '50%', 'left': '50%', 'height': '0px', 'width': '0px', 'opacity': '0.1' }, function () { $("#loginPanel").hide(); $("#shadow").hide(); });
}); }); function windowCenteredfeed(obj, title, width, height, content) { $("#shadow").show();
$(obj).show();
$(obj).css('height', '0px').css('width', '0px').css('top', $(window).height() / 2 + 'px').css('left', $(window).width() / 2 + 'px').css('opacity', '0.1');
$(obj).html("<div class=\"winwork\">" + title + "<i id='closeIframefeed' class=\"close\">×</i></div>" + content); $(obj).animate({ 'height': height + 'px', 'width': width + 'px', 'top': ($(window).height() - height) / 2 + 'px', 'left': ($(window).width() - width) / 2 + 'px', 'opacity': '1' }, "slow");
}
最新文章
- 解决file_get_contents无法请求https连接的方法
- git使用2
- HYSBZ 4197 寿司晚宴
- 【Algorithm】堆排,C++实现
- 微信去除 防欺诈盗号请勿支付或输入qq密码 以及 防欺诈或盗号请不要输入qq密码 的方法
- checkbox判断选中
- editplus 替换换行 excel 表格 拼装sql语句技巧
- Java学生管理系统项目案例
- iOS开发——返回特定的控制器
- BCP的用法
- git 查看文件修改记录
- iOS二维码条形码的制作
- Spring Boot 和 Docker 实现微服务部署
- 【Linux】常用命令,持续更新
- 安装Java8以后,Eclipse运行异常解决方案
- 黄聪:Pjax无刷新跳转页面实现,支持超链接与表单提交
- AMQP协议与RabbitMQ、MQ消息队列的应用场景
- artDialog学习之旅(一)
- Could not calculate build plan: Plugin org.apache.maven.plugins:maven-resources-plugin:2.6 or one of
- Add Two Numbers I &; II