`

收集的一些样式:滚动条和弹出层

    博客分类:
  • web
阅读更多
css滚动条
div.scrollbar{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid;
	SCROLLBAR-FACE-COLOR: #ffa500; 
	OVERFLOW: scroll; 
	BORDER-LEFT: 1px solid;
	SCROLLBAR-SHADOW-COLOR: #000000; 
	COLOR: #CCCCCC;; 
	SCROLLBAR-ARROW-COLOR: #ff0000; 
	BORDER-BOTTOM: 1px solid; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
}


css弹出层

使用弹出层代替dialog会有很多优点,
1、弹出层的子树仍然是当前DOM结构的一部分,它在DOM树中位置没有改变。而dialog插件通常会改变当前DOM树的结构,从而导致DOM选择出现问题。
2、dialog定制起来不如弹出层,比如改变样式、增加其他元素等。


div.divDialog{
	display:none;
	position:fixed;
	border:solid 1px gray;		
	background-color:white;
	top:40%;
	left:50%;
	margin-left:-150px;
	margin-top:-150px;
	padding:10px;
	line-height:21px;
	border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:0 5px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);
	-moz-box-shadow:0 5px 15px rgba(0,0,0,0.3);
	_position:absolute;
	_display:block;
	_left:-10000px;
	z-index:10000;
}
分享到:
评论

相关推荐

    jquery-easyui-1.5.5

    9. 弹出层(window):浮动的窗口,可用于展示独立的内容区域。 10. 滚动条(slider):创建滑块控件,常用于选择数值或调整设置。 EasyUI 1.5.5 版本可能包含以下特性与改进: - 优化了性能,减少了不必要的DOM...

    MUI入门学习源码2

    - **其他组件**:可能还包括弹出层、提示框、计时器、滚动条等组件的示例,展示MUI的丰富功能。 通过研究这个项目,你可以学习到: 1. **MUI基本结构**:如何组织HTML、CSS和JavaScript文件,构建一个完整的MUI...

    HTML专用英语词汇

    - **frameborder**, **bordercolor**, **noresize**, **scrolling**:框架的边框、颜色、调整大小和滚动条属性。 #### JavaScript与动态内容 - **var**:变量声明关键字。 - **script**:脚本,如JavaScript代码。...

    jQuery常用插件介绍/收集

    Magnific Popup是一款轻量级的弹出层插件,支持图片、视频、IFrame等多种内容的弹出展示,提供了优雅的动画效果和自定义选项。 10. **HoverIntent** HoverIntent用于解决鼠标悬停事件的延迟触发问题,通常与...

    使用js动态增加记录

    4. **自定义弹窗**:创建一个可被用户控制的弹出层,用以展示表单等信息。 #### 二、技术实现 1. **创建自定义弹窗**: - **HTML结构搭建**:首先需要构建一个隐藏的`<div>`元素作为弹窗的基础结构,其中包含表头...

    ZanUI-微信小程序中文文档.pdf

    `Actionsheet 行动按钮`、`DatetimePicker 时间选择`、`Dialog 弹出框`、`Popup 弹出层`提供与用户的交互功能。 **导航组件**: `Tab 标签`用于页面间的切换,`Toast 轻提示`、`TopTips 顶部提示`用于快速的反馈...

    (word完整版)石大远程在线考试——《网页设计与网站建设》-45591468375056270.doc

    - 网页加载时弹出浏览器窗口是增强用户体验的一种方式,可能用于欢迎信息或广告。 - 图片跑马灯是轮播图片的效果,可以展示多张图片而只占用有限空间。 - 层漂浮动画和鼠标经过图像增强了用户交互,使网页更加...

    网络游戏-游戏界面中锚定元素的显示方法和系统.zip

    - 弹出框:如提示信息、菜单,应锚定在不影响游戏操作的位置。 - 战斗界面:血条、能量条等关键信息需要实时更新且不被遮挡。 5. 设计考虑因素: - 可读性:锚定元素不应妨碍玩家视线,保证关键信息清晰易读。 ...

    js共享 js 问题

    而`window.open`则适用于打开新的浏览上下文,如弹出新窗口显示详细信息等。 #### 三、JSON数据处理 **4. 处理JSON数组** ```javascript // 假设dataList为后端返回的List集合 var dataListStr = ja.toString()....

    JSP网站特效大全

    新闻层特效可能包括轮播新闻、弹出式新闻提示等,用于展示最新的资讯,吸引用户注意力,同时保持页面整洁。 3. **滚动图片控制幻灯(js-0053滚动图片控制幻灯)** 幻灯片效果是网站常见的动态展示手段,允许用户...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    简单实用jQuery用于登录弹出层例子代码(带动画的弹出层) 12.综合jquery实现表格隔行换色和鼠标经过提示效果源码 7)日历插件 1.jQuery简洁漂亮点阵数字时钟显示日期的插件 2.一款简单jQuery日历选择器代码 3...

    Android技术面试资料整理

    如果Activity位于任务栈底部,系统会将任务栈中的所有Activity弹出,然后将该Activity移动到栈顶。 - **singleInstance**:与`singleTask`类似,但该Activity总是位于一个独立的任务栈中。 #### 8. Intent启动方式...

    boot-snippets:我在开发过程中遇到并调整过的有用的引导程序片段

    1. **自定义模态框(Custom Modals)**:模态框是Bootstrap中一个常用的功能,用于在当前页面上弹出一个覆盖层显示信息。自定义模态框可能包括对关闭按钮、动画效果、尺寸或内容动态加载等方面的优化。 2. **响应式...

    HTML5项目-旅游攻略(以厦门为例)

    例如,`<header>`用于定义页面头部,`<nav>`创建导航条,`<section>`和`<article>`则用于组织和定义页面内容区块。 描述中提到的“导航条”是网页设计中必不可少的部分,它帮助用户在网站中轻松地浏览各个页面。...

    轻松实现js弹框显示选项

    由于选项可能会非常多,为了避免弹框内容过于拥挤,我们还可以设计一个滚动条,让用户可以滚动查看所有选项。 接着,为了实现弹框关闭和确认选择的功能,需要在弹框内容容器的合适位置添加关闭按钮和确定按钮。关闭...

    JAVA上百实例源码以及开源项目源代码

    简介 笔者当初为了学习JAVA,收集了很多经典源码,源码难易程度分为初级、中级、高级等,详情看源码列表,需要的可以直接下载! 这些源码反映了那时那景笔者对未来的盲目,对代码的热情、执着,对IT的憧憬、向往!...

Global site tag (gtag.js) - Google Analytics