拿去就是可以用的，一个css，两js，要是没有效果，怪我喽！！！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="/web/newict/framework/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" language="javascript"
src="/web/newict/framework/thirdparty/jquery-1.10.2.min.js"></script>
<script type="text/javascript"
src="/web/newict/framework/thirdparty/bootstrap/js/bootstrap.min.js"></script>
<!--写个js举个栗子·················-->
<script type="text/javascript" charset="utf-8">
function deleteItem(selectId){
var selectOption = $("#"+selectId+" option:selected");
if(selectOption.length==0){
var showHtml = "<p>";
showHtml = showHtml+"<span style='font-weight: bold;'>'"+"没有选择要删除的内容"+"'</span></p>";
$("#returnContent").html(showHtml);
$("#errorinfo").modal("show");
return;
}
</script>
</head>
<!--无耻的分割线-->
<img src="/web/res/web-csp-rm/images/set/u54.gif" class="imgCur" onclick="deleteItem('sceneSelect')" title="delete"/>
<select id="sceneSelect" size="10" class="form-control" >
</select>
<!--无耻的分割线-->
<!--下面就是整个“弹出框”了，一点都不能少·······-->
<div class="modal fade" id="errorinfo" tabindex="-1" role="dialog" data-backdrop = "false" aria-hidden="false">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h5 class="modal-title" >
<!--<script type="text/javascript">document.write(web_set_message)</script>-->
消息
</h5>
</div>
<div class="modal-body" id="returnContent">
</div>
<div class="modal-footer">
<button id="errorclose" type="button" class="btn btn-default" data-dismiss="modal">
<!--<script type="text/javascript">document.write(web_set_close)</script>-->
关闭
</button>
</div>
</div>
</div>
</div>
</html>
相关推荐
HTML弹出框是一种常见的网页交互元素，用于向用户显示警告、确认信息或者提供输入界面。在Web开发中，我们通常会遇到多种类型的弹出框，包括对话框、模态框和提示框等。jQuery是一个流行的JavaScript库，它简化了DOM...
在网页设计中，弹出框是一种常见的交互元素，用于显示额外的信息或获取用户的输入。"div弹出框"和"js弹出框"是指利用HTML的div元素和JavaScript技术来实现这种功能。本文将深入探讨如何使用这两种方法创建自定义弹出...
在软件开发中，"弹出框"是一种常见的用户界面元素，用于向用户显示临时信息、请求用户确认操作或提供输入选项。"好用的弹出框"标题表明我们讨论的是设计得良好、易于使用且功能丰富的弹出框。在描述中，"弹出框弹出...
在手机HTML5应用中，弹出框是一个常见的交互元素，用于提示用户信息、获取用户输入或者显示警告或确认对话框。本文将深入探讨手机HTML5弹出框的设计与实现，以及如何让它自适应不同屏幕大小的WAP页面。 1. **HTML5 ...
在IT行业中，弹出框是一种常见的用户界面元素，用于向用户显示信息、确认操作或接收输入。本篇文章将深入探讨“弹出框插件”，特别是基于jQuery的alert弹出框插件，它以其美观性和易用性而受到开发者的欢迎。 首先...
通过绑定事件监听器，当触发特定操作时，弹出框会显示或隐藏，同时根据用户在弹出框中的选择执行相应功能。 三、弹出框的高级应用 1. 异步加载内容：在弹出框中显示动态获取的数据，如Ajax请求结果。 2. 模态...
登录弹出框是网页设计中常见的一种交互元素，主要用于用户身份验证或收集用户信息。在JavaScript（JS）的帮助下，我们可以创建动态、响应式的登录弹出框，提升用户体验。本资源"登录弹出框JS网页特效"很可能是提供了...
在IT行业中，弹出框是一种常见的用户界面元素，用于向用户显示额外信息或者接收用户的输入。"伪弹出框jquery"是指使用jQuery库创建的一种模拟真实弹出框的效果，它允许开发者自定义弹出的内容，提供了高度的灵活性和...
在遮罩弹出框中，我们可能会用到以下CSS3特性： 1. **定位（Positioning）**：使用`position: fixed;`或`position: absolute;`可以让弹出框相对于浏览器窗口或其父元素固定位置，使其在页面滚动时依然可见。 2. **...
在Web开发中，用户交互是至关重要的，而弹出框（Modal）作为一种常见的交互方式，可以有效地吸引用户的注意力并提供额外的信息或操作选项。jQuery库，作为JavaScript的一个强大工具，提供了丰富的功能来创建各种类型...
在软件开发中，自定义弹出框提示框和确认弹框是常见的用户界面元素，用于向用户展示重要的信息、请求用户的确认或输入。这些组件在交互设计中扮演着至关重要的角色，因为它们能够中断用户的操作流程，吸引注意力，并...
本文将详细解析如何利用HTML、CSS和jQuery来创建一个自定义的弹出框，即"自定义jquery弹出框demo1"。 首先，我们需要理解HTML结构。在创建弹出框时，我们通常会有一个隐藏的div元素，这个div包含了弹出框的所有内容...
首先，ASP.NET弹出框可以是自定义的HTML和JavaScript实现，或者使用现成的库如jQuery UI的Dialog，Bootstrap的Modal，或者是ASP.NET AJAX Control Toolkit中的PopupControlExtender等。这些方法都能实现弹出窗口的...
在IT行业中，弹出框是一种常见的用户界面元素，用于向用户显示重要的信息或者接收用户的输入。本项目名为“简单自定义弹出框”，显然旨在提供一个轻量级且可定制的解决方案，帮助开发者轻松地在网页应用中实现弹出框...
在网页开发中，自定义JavaScript弹出框组件是不可或缺的一部分，它允许开发者创建具有高度定制化功能的对话框，以满足各种用户交互需求。本文将深入探讨如何利用JavaScript实现这样的组件，包括其基本原理、设计思路...
在IT行业中，弹出框设计是用户界面（UI）和用户体验（UX）设计的重要组成部分，尤其是在网页和应用程序中。"动态弹出框设计.zip"这个压缩包文件显然包含了一些关于如何实现不同样式和动态效果的弹出框资源，可能是...
- **图片预览**：通过链接的`rel`属性指定Facebox处理，点击后会在弹出框中显示大图。 - **HTML内容显示**：可以将任何HTML片段封装在`<div>`中，通过`rel`属性触发Facebox显示。 - **Ajax加载内容**：通过链接的`...
当用户完成弹出框中的操作或选择后，弹出框会自动收缩消失，恢复页面原有状态。这种设计减少了用户的操作步骤，提高了交互效率。 3. **自定义样式**：通过artDialog提供的API，开发者可以调整弹出框的大小、颜色、...
使用这些资源，开发者可以轻松地在项目中集成Google风格的弹出框，实现信息提示、用户确认、表单输入等各种功能，同时保持与Google产品一致的视觉风格，提高用户对产品的认同感和满意度。 在实际开发中，了解并应用...
本文将深入探讨jQuery中的弹出框功能，结合实例来帮助你理解和应用这一常见但至关重要的功能。 首先，理解jQuery弹出框的基本概念。在网页交互中，弹出框通常用于提示信息、获取用户输入或者展示详细内容。常见的弹...