jquery 返回顶部、图片比例缩小、验证元素是否存在

jquery 返回顶部、图片比例缩小、验证元素是否存在
返回顶部代码

$(document).ready(function() {

  $('a[href*=#]').click(function() {

   if (location.pathname.replace(/^//,'') == this.pathname.replace(/^//,'')

       && location.hostname == this.hostname) {

     var $target = $(this.hash);

     $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

     if ($target.length) {

       var targetoffset = $target.offset().top;

       $('html,body').animate( { scrolltop: targetoffset }, 900);

       return false;

     }

   }

  });

});

图片比例缩小

代码如下:

 

$(document).ready(function(){
var ywidth = 450;//初始最大宽度
$(”img”).each(function(){
   if($(this).width() > ywidth) {
    $(this).width(ywidth);
    $(this).mouseo教程ver(function(){
     $(this).css教程(”cursor”,”hand”);
    });
    $(this).click(function(){
     window.location.href = $(this).attr(”src”);
    });
   }
});
});

jquery 验证元素是否存在

 

$(document).ready(function() {

  if ($('#id').length) {

    // do something

  }

});

时间: 2024-10-22 09:12:22

jquery 返回顶部、图片比例缩小、验证元素是否存在的相关文章

js+JQuery返回顶部功能如何实现_jquery

很多网站上都有返回顶部的效果,本文阐述如何使用jquery实现返回顶部按钮. 首先需要在顶部添加如下html元素: <p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>其中a标签指向锚点top,可以在顶部防止一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以

jquery返回顶部实现方法

本文章主要讲关于jquery返回顶部实现方法,下面看代码吧. html  代码如下: <div class="scroll"></div> <script type="text/网页特效" src="../skins/css教程/jquery.js" charset="utf-8"></script> <script type="text/javascript&q

jquery 返回顶部浮动图标实现代码

代码使用很简单,只需要将HTML代码,和jQuery代码放入到网页的尾部即可.另外你可能还需要和我一样盗用人人网的返回顶部图片一张. HTML代码 <div style="display:none;" class="back-to" id="toolBackTop"> <a title="返回顶部" onclick="window.scrollTo(0,0);return false;"

基于jquery 返回顶部按钮效果代码

在 IE6 中, 因为不支持浏览器跟随功能, 所以通过跟随页面滚动来虚拟跟随效果, 在滚动页面的时候隐藏回到顶部按钮, 滚动停止时再显示按钮. 参数描述 pageWidth: 页面宽度 (正整数), 如图中 A 所示. nodeId: 回到顶部按钮的 ID (字符串). nodeWidth: 回到顶部按钮的宽度 (正整数), 如图中 B 所示. distanceToBottom: 回到顶部按钮到页面底部的距离 (正整数), 如图中 C 所示. hideRegionHeight: 不显示回到顶部按

收藏了三jQuery返回顶部特效代码

 代码如下 复制代码 <title>jQuery返回顶部特效 </title> </head> <body> <style type="text/css"> /*返回顶部*/ #roll_top {position:relative; margin-bottom:1px;cursor:pointer;height:60px;width:60px;display:block;background:#ddd;} #roll_top

jquery返回顶部代码

分享一个jquery在返回顶部在代码:不依赖CSS $("body").append(" ∧   ");   var totop=$("#toTop"); totop.bind({ click:function(){ $("html,body").animate({scrollTop:0},500) }, mouseover:function(){ $("#toTopTips").stop(false,tr

jquery返回顶部自动隐藏按钮代码

现在开始我们准备css代码  代码如下 复制代码 #toTop { width:50px; height:50px; background:#fff url(image.png);//这个图片为你点击返回图标效果 position:fixed; left: 50%; margin-left: 510px; bottom:50px; cursor:pointer; display:none; } 现在在你的页面低部加入  代码如下 复制代码 <div id="toTop">&

基于jquery返回顶部程序代码

 代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

js 图片比例缩小图片尺寸代码

图片加载中--