昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题if($(‘.autoBtn‘).length){ $(‘.autoBtn‘).find(‘.assess‘).unbind().bind(‘click‘,function(event){ //取消事件冒泡 event.stopPropagation(); if($(‘.abtnBox‘).is(":hidden")){ $(‘.abtnBox‘).show(); ...
今天给大家分享一款优秀的 jquery 弹出层展示插件 fancybox。它除了能够展示图片之外,还可以展示 flash、iframe 内容、html 文本以及 ajax 调用,我们可以通过 css 来自定义外观。fancybox 特点:可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持;可以自定义播放器的 css 样式;可以以组的形式进行播放;如果将鼠标滚动插件(mouse wheel plugin)包含进来的话 fancybox 还能支持鼠标滚轮滚动来翻阅图片;fancybox...
引言最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中使用uploadify插件进行上传,每次都会报错很是无语,最后找到解决方案,这里记录一下,算是对工作中遇到的bug的一个总结。bug这是vs调试状态下,显示的信息。在浏览器端,点击第一次上传按钮,正常,将弹出框关闭后,第...
W.$.dialog({ content:‘url:wswgrkbillController.do?snh&id=‘+b+‘&bh=‘+c+‘&ck=‘+d+‘&sl=‘+e,(路径) title : ‘SN号‘, width : 1200, height : 500, }).zindex();原文:http://www.cnblogs.com/xujiating/p/6203977.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>新建网页</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="布尔教育 http://www.itbool.com" /><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></scr...
2015-07-17 11:04:38 1 <div id="reg"></div>2 <script type="text/javascript">3var dg = $("#reg").dialog(4 {5 autoOpen:false,6// modal:true, 7 show:"blind", // clip,drop,explode,fold,puff,slide,scale,size,pulsate 8 position: {at: "right bottom"},9 title:"您需要注册成为正式账户",
10 buttons: {"注册" : function () {conlole.log("haha")}}...
jquery ui 提供了强大的dialog功能,基本能满足开发的功能。先上一个简单的例子:【代码】<script> $(function() { $( "#dialog"
).dialog({
buttons: { "Ok": function() { $(this).dialog("close");
} } }); }); </script><div id="dialog"
title="Basicdialog">
< p>This is the default dialog
which is useful for displaying information.The dialog
window can be moved, resized and closed with the ‘x‘ icon....
版权声明:本文为博主原创文章,未经博主同意不得转载。 https://blog.csdn.net/u010480479/article/details/25159287 本屌丝近期工作要求重写站点全部代码,so...极其蛋疼的事情出现了。管我的人要求不能用网上的插件。oh~~~my god!! 这是多么能让千万仅仅草原上的马儿奔腾的要求~~~先实现一个比較简单的功能:需求:网页遮罩层/弹出层。兼容IE6幸好本屌丝曾经聪明收集了个js的版本号,so。自己改写成了jQuery插件形式的,...
效果体验:http://hovertree.com/texiao/jqimg/1/效果图:代码如下:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>美女图片浏览特效 - 何问起</title><link href="http://hovertree.com/texiao/jqimg/1/css/clearbox.css" rel="stylesheet" type="text/css"/><script src="http://hovertree.com/texiao/jqimg/1/js/clearbox.js" type="text/javascript"></script><scr...
弹出层popup很简单,主要就是弹出验证,登陆注册,提交信息之类的,下面是我写好的一个demo。。。 <div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" data-dismissible="false"style="max-width: 460px;"class="ui-corner-all"><a href="#" data-rel="back" data-role="button" data-theme="e" data-icon="delete"data-iconpos="notext"class="ui-btn-right">Close</a><div data-role="header" dat...
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>判断是否选中</title><script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script><script type="text/javascript">$(function(){//方法1;JavaScript的DOM对象转为jquery对象var oinput=document.getElementsByTagName("input")[0];var $oinput=$(oinput);$oinput.click(function(){if($(this).attr("checked")){ //attr() 方法用于获取或者设...
nyromodal调用非常简单,只需在链接上加上class=”nyroModal”即可。支持模拟对话框类型:ajax调用:<a href=”http://nyromodal.nyrodev.com/demoSent.php” class=”nyroModal”>Ajax</a>ajax调用并支持抽取制定内容:如果只需要显示页面上某一个元素,那么只需要在请求时把该元素ID号做为锚点加入请求地址中。以下代码只显示demoSent.php中ID号为UserInfo的元素,如果UserInfo不存在,则显示所有内容。<a href=”http://nyromod...
原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/; easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果。由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认的信息,但在利用中发现,弹出...
效果体验:http://hovertree.com/texiao/jquery/26/本效果适用于移动设备,可以使用手机等浏览效果。代码下载:http://hovertree.com/h/bjaf/e14uccpw.htmHTML代码如下: 1<!doctype html> 2<html lang="zh"> 3<head> 4<meta charset="UTF-8"> 5<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> ...
现在问题来了,这个版块不大,更新频率却很高,每天都有十数条最新的信息上去,浏览网站的会员对于最新图书的了解和需求越来越大,因此需要对这个板块进行改良,以满足会员的需求,会员的主要要求有以下几个方面:显示该最新上架的图书的封面缩略图,该图书的名称和作者名称,以及该书部分内容的介绍和作者的简介... 这下把Ben给愁坏掉了,首页上根本就没有多余的空间,怎么来呈现封面缩略图甚至是内容简介,如果去掉别的板块空间来...