看JS源码: 代码如下: // 放大缩小控制 var PhotoSize = { zoom: 0, // 缩放率 count: 0, // 缩放次数 cpu: 0, // 当前缩放倍数值 elem: "", // 图片节点 photoWidth: 0, // 图片初始宽度记录 photoHeight: 0, // 图片初始高度记录 init: function(){ this.elem = document.getElementById("focusphoto"); this.photoWidth = this.elem.scrollWidth; this.photoHeight = this.elem.scrollHeight; this.zoom = 1.2; // 设置基本参数...
代码如下: $(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度 alert($(document).width())...
$("#id").show()//表示display:block, $("#id").hide()//表示display:none; $("#id").toggle()//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。 $("#id").css('display','none'); $("#id").css('display','block'); //或 $("#id")[0].style.display = 'none'; //$("#id")返回的是JQuery12 //它是个集合肯定没有display属性
先看效果图(在FF下): 下面是我整个的思路: 一、用ajaxFileUpload.js异步上传图片。这个不用多说了,挺简单的东西。 二、div拖拽用jquery-ui。这个也不多说了。 三、上传过图片的处理。 编辑容器是300*300,如果图片不在300*300之内,这里会生成一个maxHeight=300,maxWidth=300的缩略图, 用于设置编辑容器的背景,如果原文件为123.jpg,这里生成的文件为123.jpg.view.jpg,当然,文件123.jpg.view.jpg可能不会生成! 返回数据...
第一种方法:Loading.js 代码如下: //频率 var frequency = 50; //步长 var step = 3; //背景颜色 var loadingBgcolor = "#ffffff"; //宽度 var loadingWidth = 354; /* *参数说明: *content:显示内容,可以为空; *imageURL:将引用JS文件的路径设置即可; *left:进度条显示位置left *top:进度条显示位置top */ function Loading(content, imageURL, left, top) { imageURL = imageURL + "Loading.jpg"; LoadTable(content, im...
实现起来比较简单如下 代码如下: window.onbeforeunload = function() { return "确定离开页面吗?"; } 还有一种写法 代码如下: window.onbeforeunload = function(event) { (event || window.event).returnValue = "确定退出吗"; } 这个方法chrome和safari不支持,但是由于ie和ff的支持,html5也加入了标准... 大家都知道浏览器的几种弹出对话框都会阻止事件的往下进行,(如alert,confirm),进一步操作后会继续事件的往下...
比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js 代码如下: //根据参数名获得该参数 pname等于想要的参数名 function getParam(pname) { var params = location.search.substr(1); // 获取参数 平且去掉? var ArrParam = params.sp...
在IE9中打印没有问题,但IE6、7、8都会出现前几页空白的情况(只显示列头信息),找了很久,才发现是ui-jqgrid-bdiv样式类(在ui.jqgrid.css内)中的overflow引起的,在打印之前将其删除,打印之后将其恢复即可。 打印时的CSS样式如下: 代码如下: #accordion h3, #vcol, div.loading, div.ui-tabs-hide,ul.ui-tabs-nav li, td.HeaderRight { display:none } .ui-jqgrid-titlebar, .ui-jqgrid-title{ display:none } .ui-jqgrid-bdiv...
一个例子说尽: 1、.aspx中: 代码如下: HelloWorld 传入参数 返回集合 返回复合类型 返回DataSet(XML) 服务器处理中,请稍后
首先前台代码 代码如下: 个人信息 我的照片 我的博客 我的QQ:1511109272 hi hello 接着可以jquery代码设置 代码如下: $(function() { //网页选项卡的切换 var $menu_li = $("div.tab_menu ul li"); $menu_li.click(function(){ $(this).addClass("selected") //当前高亮 .siblings().removeClass("selected"); //去掉其它同辈的高亮 var index = $menu_li.index( $(this) ); //找到子节点的索引 $("div.tab_box > ...
当页面点击分页图标时,程序会自动去后台获取对应页数的记录。 关键代码如下: 需要引入的css和js文件有: 代码如下: css/theme/default/css/jpage.css"> css/config.css" /> js/jquery.js"> 其中jsp页面代码如下: 代码如下: var pageIndex = 1; //当前页数 $(function(){ GetPageCount();//获取分页数量以及总的记录条数 $("#load").hide();//隐藏loading提示 $("#template").hide();//隐藏模板 ChangeState(0,1);//设置翻页...
具体代码如下: 引用js和css文件有: 代码如下: 页面代码: 代码如下: 选择 用户ID 用户名称 所在科室 创建时间 创建人 菜单集名称 是否有效 ${smUser.userId } ${smUser.userName } ${smUser.organCode } ${smUser.createTime } ${smUser.creator } ${smUser.menusId } ${smUser.valid } $("#userTable").tablePaging(); 此处要特别注意的是要讲table的表头加上标签,且注意此处的table的id为userTable,...
代码如下://绑定beforeunload事件 $(window).bind(beforeunload,function(){ return 您输入的内容尚未保存,确定离开此页面吗?; }); //解除绑定 $(window).unbind(beforeunload);
最终效果图源代码: 代码如下: function scroll_news(){ var $firstNode = $('#scroll-container li'); //得到 i的值 列数 var iRow = $('#scroll-container').find('li').length – 1; //debugger; $(function(){ $firstNode.eq(0).fadeOut('slow',function(){ $(this).clone().appendTo($(this).parent()).fadeIn('slow'); $(this).remove(); $firstNode.eq(iRow).hide(); }); }); } $(document).ready(function(){ go(); });...
先了解几个事件对象属性target 指事件源对象,点击嵌套元素最里层的某元素,该元素就是target。IE6/7/8对应的是srcElement。currentTarget 指添加事件handler的元素本身,如el.addEventListener中el就是currentTarget。IE6/7/8没有对应属性,可在handler内使用this来替代如evt.currentTarget = this。relativeTarget 指事件相关的元素,一般用在mouseover,mouseout事件中。IE6/7/8中对应的是fromElement,toElement。mouseenter ,...