`
luo_yong_men
  • 浏览: 27651 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

JQuery动态生成一个居中显示的提升DIV

阅读更多
代码:
var sss = "";
	sss += "<div id='mess_ly'>";
	sss += "</div>";
	$("#rightPane").after(sss); //前面的id是随便给一个都可以
	$('#mess_ly').css({
	   position:'absolute',
	   'z-index':99999,
		width:'349px',
		height:'123px',
		'background-image':"url('cist_images/mess_ly.png')",//设置背景图片
	   left: ($(window).width() - $('.className').outerWidth())/2-200, //位置关键
	   top: ($(window).height() - $('.className').outerHeight())/2
	});
	setTimeout(function(){$("#mess_ly").fadeOut(1000)},5000);//自动消失
	
分享到:
评论
3 楼 luo_yong_men 2011-10-24  
xx_521 写道
$('.className')这个是哪个?

那个不要都可以的,这个是我从项目中直接粘贴出来的代码..
是调整位置的 ,直接在后面加减一些数字就可以调整位置了

这个 $("#rightPane") id一定要存在哦
2 楼 xx_521 2011-10-22  
不显示哇,怎么回事啊
1 楼 xx_521 2011-10-22  
$('.className')这个是哪个?

相关推荐

    jQuery超炫淡入淡出效果DIV渐变居中弹出框插件

    其次,"DIV渐变居中"是将一个div元素在页面中水平和垂直居中,并且在变换过程中实现颜色渐变。这通常涉及到CSS定位(如absolute或fixed)和margin负值的使用来实现居中,而颜色渐变则可以通过CSS3的transition属性...

    JQUERY弹出模式DIV

    总的来说,"JQUERY弹出模式DIV"结合了jQuery和CSS,实现了一个可交互的、具有视觉吸引力的弹出对话框。同时,"JQUERY JSON"则展示了如何在jQuery中处理和解析JSON数据,这是Web开发中常用的数据交换方式。

    Jquery.Qrcode在客户端动态生成二维码并添加自定义Logo

    1. **添加图片元素**:在生成二维码后,在同一容器内添加一个`&lt;img&gt;`元素,设置其位置属性使其居中显示。 2. **调整大小和位置**:确保Logo不会遮挡二维码的关键信息部分。 例如: ```html ~/images/logo.png" ...

    jquery qrcode 生成带头像的二维码

    jQuery QRCode 是一个流行的JavaScript库,它允许开发者在网页上动态生成二维码,而无需依赖其他复杂的库或服务。这个教程将深入探讨如何使用jQuery QRCode生成带有头像的二维码。 首先,要理解jQuery QRCode的基本...

    jquery弹出div图层(带蒙板)

    本文将深入探讨如何使用jQuery实现一个弹出的div图层,并结合蒙版效果,创建一种常见的对话框功能。这个功能常用于显示警告、确认消息或者承载表单等互动元素。 首先,`jquery-1.3.2.min.js`是jQuery库的压缩版本,...

    qrcodejs-通过链接生成二维码(带边框).zip

    qrcodejs是一个轻量级的JavaScript库,专门用于在Web浏览器环境中生成二维码。它基于QR码的编码规则,能够将文本数据转化为可视化二维码图像。通过在HTML页面中引入qrcodejs库,我们可以在前端实现动态生成二维码的...

    jquery simplemodal模式对话框

    如果需要在对话框中展示动态生成的内容,可以先隐藏该内容,然后传递数据到`.modal()`方法: ```html &lt;div id="modalContent" style="display:none;"&gt;这是对话框的内容&lt;/div&gt; ``` ```javascript $("#modalContent")...

    jQuery弹出层插件PopupDiv-v1.0下载

    PopupDiv插件的设计目标是提供一个灵活、可自定义且易于使用的解决方案,以满足开发者对弹出层的各种需求。 PopupDiv的核心特性包括: 1. **Ajax支持**:PopupDiv插件允许开发者通过Ajax请求动态加载内容到弹出层...

    超实用的jQuery代码段

    4.6 如何设定div始终居中显示 4.7 测试浏览器是否支持某些CSS 3属性 4.8 如何添加hover类到指定元素 4.9 基于URL地址为导航链接添加class样式 4.10 如何延迟添加class类 4.11 如何延迟清除class类 4.12 动态调整页面...

    jquery底部弹出广告(兼容)

    本教程将详细讲解如何利用jQuery实现一个兼容各种浏览器的底部弹出广告功能。 首先,我们需要了解jQuery的基本用法。jQuery通过选择器(如$("#id")或$(".class"))选取DOM元素,然后对这些元素执行操作。在这个底部...

    jq生成二维码.zip

    其次,`jquery.qrcode.js`是一个jQuery插件,专门用于生成二维码。这个插件扩展了jQuery的功能,使得在页面上创建二维码变得简单。我们可以通过调用jQuery对象的`.qrcode()`方法来生成二维码,该方法接受一个配置...

    jquery UI(笔记)

    jQuery UI 是一个基于 jQuery 库的开源用户界面库,它提供了丰富的交互组件和设计模式,使得开发者可以快速构建功能齐全、具有良好用户体验的Web应用程序。这个笔记主要涵盖jQuery UI的基本概念、核心组件、使用方法...

    jQuery简单的九宫格幸运大抽奖代码.zip

    jQuery,一个轻量级的JavaScript库,因其易用性和丰富的插件,常被用于创建各种动态效果。本文将详细探讨如何使用jQuery实现一个简单的九宫格幸运大抽奖代码,这在电商促销、游戏竞赛等场景中有着广泛的应用。 首先...

    jQuery仿qq空间相册遮罩层图片切换.rar

    - **遮罩层(Mask Layer)**:创建一个全屏的半透明div,用于作为遮罩层,显示时覆盖整个页面,提供背景的暗化效果,增强图片的焦点。 - **相册容器(Album Container)**:设计一个包含所有图片的容器,用于存放...

    jquery-ui-1.8.17.rar

    - **Position(定位)**: 动态调整元素位置,如居中对齐、相对于另一个元素定位等。 - **Sortable(可排序)**: 允许用户通过拖放操作改变列表元素顺序。 3. **主题定制**: - **Themeroller**: 提供在线工具,...

    Jquery动态进行图片缩略的原理及实现

    在网页设计和开发中,图片缩略图的生成是经常会遇到的一个需求,尤其是在商品展示、相册预览等场景。JQuery作为流行的JavaScript库,为我们提供了方便的操作DOM和处理事件的接口,可以用来实现图片的动态缩略功能。 ...

    qrcode 生成带头像的二维码

    首先,`jquery qrcode`是一个基于jQuery的插件,它允许我们在网页上动态生成二维码。要使用此插件,首先需要在项目中引入jQuery库和qrcode插件的JavaScript文件。通常,这可以通过在HTML文件中添加`&lt;script&gt;`标签来...

    jquery鼠标悬停提示框随屏幕分辨率提示图片文字内容位置

    本话题聚焦于一个特定的应用场景:利用jQuery实现鼠标悬停时的提示框,并且这个提示框的位置能根据屏幕分辨率动态调整,以便在不同设备上都能正确显示图片文字内容。 首先,我们需要理解jQuery的基本用法。jQuery...

    使用jQuery实现掷骰子游戏

    在页面的`&lt;body&gt;`部分,我们放置了一个具有初始点数的骰子元素`&lt;div id="dice" class="dice dice_1"&gt;&lt;/div&gt;`,以及一个显示结果的段落`请直接点击上面的色子!&lt;/p&gt;`。 值得注意的是,所有骰子状态的图片必须包含在...

    js+css绘制颜色动态变化的圈中圈效果.docx

    在这个例子中,我们只有一个`&lt;div&gt;`元素,它有一个类名"circle",并且有一个ID "circle"。这个外层的圆圈将作为其他内部圆圈的容器。它的CSS样式设置了一个50%的边框半径,背景色为灰色(#DDDDDD),并使用相对定位...

Global site tag (gtag.js) - Google Analytics