遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。 终于的终于，找到了答案。 在大多数情况下,把js代码放到图片标签的后面： 代码如下: alert(document.getElementById("test").width; 这样是可以得到图片的宽度的，但是在Chrome下就是不行。 甚至在jquery中： $(document).ready(function(){ alert(document.getElementById("test").wid...
代码如下: jQuery图片渐变切换 ul{position:relative;} ul li{display:block; position:absolute; left:0; top:0} img{width:480px; height:320px; border:5px solid #ccc} var switchSpeed = 1000; //图片切换时间 var fadeSpeed = 1500; //渐变时间 setInterval(function(){ $('img').last().fadeOut(fadeSpeed, function(){ $(this).show().parent().prependTo($('ul')); }); }, switchSpeed); 效果预览：...
代码如下: $(el).attr(unselectable,on) .css({-moz-user-select:-moz-none, -moz-user-select:none, -o-user-select:none, -khtml-user-select:none, /* you could also put this in a class */ -webkit-user-select:none,/* and add the CSS class here instead */ -ms-user-select:none, user-select:none }).bind(selectstart, function(){ return false; }); 根据上面分析 可以设置 你需要禁止选中文字区域的 css。如： 代码...
http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册，看到后想试着做做看。 在我的制作方法中，需要获取到每张照片的宽度，所以很自然就使用了jq的width()方法。在ff跟ie下运行问题不大，但是到了chrome上，就出现问题了。 使用alert排查，发现chrome下width方法取到的值都是0.这样子的话，想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$(function(){});上，因为这个方法只要求加载完dom就开始运行...
jquery.uploadify插件在chrome浏览器频繁崩溃问题，一直困扰了好久，网上很多人说是由于chrome缓存的原因，插件初始化时，需要引用js，而chrome的缓存导致没有没有请求到jquery.uploadify-3.1_min.js，所以引起崩溃，可以在引用js时，加入随机数："> 按照这样的方法试了，发现这个办法并不能完全解决崩溃问题，比如在uplodify页面进入其他页页后，再点击后退返回到这个uploadify页面，同样会出现崩溃问题。 彻底解决的方法：setTim...
最近做了个项目，其中有一目录功能，发现一个在现代浏览器间的一个bug，或是称之为差异，即页面滚动值(scrollTop)的获取与设定。在此之前先说一下关于页面元素的坐标获取，这张图的经典性不必再提。实现滚动到某位置功能博客目录的一个最主要的功能就是实现点击标题页面滚动，因为我们要滚动到页面某个标题，所以需要计算出滚动这个元素的具体绝对位置，而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量，此处...
jquery.uploadify插件在chrome浏览器频繁崩溃问题，一直困扰了好久，网上很多人说是由于chrome缓存的原因，插件初始化时，需要引用js，而chrome的缓存导致没有没有请求到jquery.uploadify-3.1_min.js，所以引起崩溃，可以在引用js时，加入随机数：<script type="text/javascript" src="/js/jquery.uploadify-3.1_min.js?ver=<?php echo rand(0,9999);?>"></script> 按照这样的方法试了，发现这个办法并不能完全解决崩溃问题，比如在...
遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。 终于的终于，找到了答案。 在大多数情况下,把js代码放到图片标签的后面： 代码如下:<img id="test" src="**.jpg" /> <script> alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE> <PRE></PRE> 这样是可以得到图片的宽度的，但是在Chrome下就是不行。...
网上发现一个很有意思的jQuery旋转插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现。 调用和方法： rotate(angle) angle参数：[Number] – 默认为 0 – 根据给定的角度旋转图片 例如: 代码如下:$("#img").rotate(45);rotate(parameters)parameters参数：[Object] 包含旋转参数的对象。支持的属性: 1.angle属性：[Number] – default 0 –...
代码如下:function adjustIFramesHeightOnLoad(iframe) { var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight); $(iframe).height(iframeHeight); } 失败的测试就不说了，来直接的。 两个链接和iframe： 代码如下:<li><a href="selfinfo.jsp" target="c-c-iframe" title="个人信息" >个人信息</a></li> <li><a href="mod...
首先来看下软件的运行界面： 左边为HTML的代码，右边为jQuery代码，同时支持代码折叠，语法高亮（但是就是没有代码提示，感觉有点不爽，不过jQuery使用的时间长了基本的熟悉后应该就无所谓了），在编写好后就可以直接按F5就可以查看实际效果，同时可以点击下面的chrome,ff,ie按钮来查看在3个浏览器中的实际效果，如果觉得可以就可以保存成HTML，jQueryPad会自动把jQuery代码和HTML代码合并成HTML，可以直接双击运行，生成的代码如下...
首先给这些‘返回页首'的链接加上个Class： <a href="#" class="backtotop" target="_self">返回页首↑</a> <!--把所有返回页首的链接加上class，例如：backtotop-->然后加入下面jQuery代码，你可以把这行代码放在</body>前，或者其它位置。当然你还要在<head>里包含jQuery库文件。（ 代码如下:jQuery(document).ready(function() { jQuery(.backtotop).click(function(){ jQuery(html).animate({scrollTop:0}, slow); } 就这么简...
要实现可编辑的表格功能，我们要解决以下问题： 1.明确要修改的数据在表格中是哪些列（如何找到这些单元格）; 2.如何让单元格变成可以编辑的; 3.如何处理单元格的一些按键事件; 4.解决跨浏览器问题。 我们通过jQuery可以一步一步解决上述问题。 一、 绘制表格 首先我们先画好一个表格。 Code1: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d...
我在joomla文章中放置了一个jquery拖放示例.它可以在Firefox浏览器中正常工作,但不能在chrome浏览器中工作.在chrome中,实际上拖放是有效的,但问题是在拖动时按钮不可见. 这是我的示例的链接-http://joomla3.guru99.com/lesson-3.html 这是我的小提琴-* http：//jsfiddle.net/dB3B6/* 这是我的问题的屏幕截图镀铬-http://screencast.com/t/eFqhUUoYYFirefox专用-http://screencast.com/t/vZPvto3x 请帮忙.解决方法:将jQuery-Ui降级到...
我有一个带有一些下拉菜单的表单,并且第一个选定的下拉菜单将用于过滤第二个下拉菜单的选择(以限制它们).以下代码在FF和Chrome中正常运行,但在Safari中(至少11.1.2版以上)无效：if(~jQuery(this).attr('id').indexOf('5b0ad35592224') && ~jQuery(this).attr('id').indexOf(jQuery(this).closest('tr').attr('data-id'))) {var vallie = jQuery(this).val();var sub = jQuery('[id*="'+jQuery(this).closest('tr').attr('data-id')...