jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层的相关文章

• 
  jquery实现的超出屏幕时把固定层变为定位层的代码

  标签：Web开发

  非常好的一个用户体验实例。如果不明白的话就看下面的图片吧 淘宝产品列表 http://search1.taobao.com/browse/50010388/… 腾讯财经产业经济 http://finance.qq.com/industry/index.htm 如何实现？ scrollTop是什么？当元素内部的内容高度超过元素本身的高度时就会出现滚动条，随着拖动滚动条而被隐去的上面部分的高度就是scrollTop值。 这种定位层就是当页面触发onscroll事件时，取得scrollTop值并...[ 查看全文 ]

  41715098

  41
• 
  js jquery做的图片连续滚动代码

  标签：Web开发

  核心代码如下，大家可以参考 代码如下： script src="/js/jquery.js"/script  script  $(document).ready(function(){         $(".bannerbutton li").each(                       function(){    &nb...[ 查看全文 ]

  xu太萌

  231
• 
  jquery 弹出层实现代码

  标签：Web开发

  经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px...[ 查看全文 ]

  1640022185liu

  121
• 
  图片跟随的代码

  标签：Web开发

  位置不变位置不变 [ 查看全文 ]

  希希宝贝2011

  61
• 
  jquery 锁定弹出层实现代码

  标签：Web开发

  基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV...[ 查看全文 ]

  执旧_eaSon

  101
• 
  Jquery 弹出层插件实现代码

  标签：Web开发

  直接看代码： 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Layer.aspx.cs" Inherits="Layer" % !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 runat="server" title/title script src="jquery-1.3.2.js" type="text/javascript"/script scri...[ 查看全文 ]

  筱彭妈咪

  61
• 
  JQuery 将元素显示在屏幕的中央的代码

  标签：Web开发

  代码如下： (function($){ $.fn.center = function(){ var top = ($(window).height() - this.height())/2; var left = ($(window).width() - this.width())/2; var scrollTop = $(document).scrollTop(); var scrollLeft = $(document).scrollLeft(); return this.css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(); } })(jQuery) 调用方法： ...[ 查看全文 ]

  qwtd2010

  201
• 
  Jquery一行代码轻松实现拖动效果

  标签：Web开发

      写JS实现拖动需要一大堆不便维护的代码，实属麻烦，Google了大半天，发现了一个优秀的Jquery插件EasyDrag，只需要一行代码便可轻松在主流浏览器上 实现拖动效果. Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->   $(document).ready( function()        {   &...[ 查看全文 ]

  婉凝紫

  11
• 
  jquery 上下滚动广告

  标签：Web开发

  代码如下: (function($){ $.fn.extend({ rollList:function(option){ option=$.extend({ direction:"up", step:1, time:23 },option); var step_coe,scroll_coe,score_coe; if(option.direction=="up") { step_coe=1; scroll_coe=1; score_coe=1; }else { step_coe=-1; scroll_coe=-1; score_coe=0; } return this.each(function(){ var $this=$(this); var _this=this; var itemHe...[ 查看全文 ]

  戴墨镜的猪猪0

  71
• 
  jQuery 锚点跳转滚动条平滑滚动一句话代码

  标签：Web开发

  jQuery锚点跳转滚动条平滑滚动一句话代码 代码如下： $("html,body").animate({scrollTop: $("#box").offset().top}, 1000); 一下是一些jquery的小技巧 1. 控制编译结果 代码如下： script type="text/javascript" src="scripts/jquery-1.2.6.min.js"/script %if (false) { % script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"/script %}% 2. 1.如果要使用jQuery提供的函...[ 查看全文 ]

  QQ_93891546

  21
• 
  JQuery 遮罩层实现(mask)实现代码

  标签：Web开发

  其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组...[ 查看全文 ]

  龙飞凤舞000006

  371
• 
  jQuery 行背景颜色的交替显示(隔行变色)实现代码

  标签：Web开发

  一些css的定义，可以根据需要自己选择。 //显示单双行显示不同背景色： // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色： $("#UL_id li:even").addClass("redClass"); ul id="UL_id" li单数/li li双数/li li双数/li /ul odd:单 even:双 jQuery 表格隔行变色代码 li隔行换色改进版 JS控制表格隔行变色[ 查看全文 ]

  天使之吻情趣

  211
• 
  层滚动条

  标签：Web开发

  html headtitle层滚动条DIY - Powered by yexj00/title style !-- *{ font-size: 12px} -- /style script language="Javascript" !-- function $(obj){ return document.all[obj]; } function setbarHeight(){ $("scroll_bar").style.height=($("scroll_content").clientHeight)/($("scroll_content").scrollHeight)*($("scroll_area").offsetHeight...[ 查看全文 ]

  莫默默茉脉么

  21
• 
  Jquery iframe内部出滚动条

  标签：Web开发

  代码如下： //调用函数 var pagestyle = function() { var rframe = $("#mainFrame"); //ie7默认情况下会有上下滚动条，去掉上下15像素 var h = $(window).height() - rframe.offset().top - 15; rframe.height(h); } //注册加载事件 $("#mainFrame").load(pagestyle); //注册窗体改变大小事件 $(window).resize(pagestyle); [ 查看全文 ]

  北京驾照分代扣

  341
• 
  Jquery cookie操作代码

  标签：Web开发

  用JS写cookies说难也难说简单也简单，说简单就是直接document.cookie=..,直接就写了，说难就是cookies中有的Key已经有了，是想用JS去重写来着这个时候你用document.cookie去写就直接把这个key又重新写了一遍了，有的时候还会发生不能成功写入的情况(有时写需要escape函数的字符会出现，具体原因不清楚)，反正就是很麻烦，后来看到有Jquery的cookies插件，感觉不错，但是跟踪调试的时候发现cookies上面还是多写...[ 查看全文 ]

  思埠河北总经销

  51
• 
  JQuery 常用操作代码

  标签：Web开发

  //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); } else { $("option value='111'...[ 查看全文 ]

  adgjmptw827

  21
• 
  简单的无缝滚动程序-仅几行代码

  标签：Web开发

  ul id="ScrollBox" style="width:300px;height:80px;overflow:hidden;margin:0;padding:0;line-height:20px;font-size:12px;" li1.你可曾有过无数的梦想，/li li2.却在时光的流逝里幻灭 /li li3.你可曾对未来期待憧憬，/li li4.却在成长的岁月中迷失/li li5.CSDN中国程序员论坛/li li6.大家一起来/li li7.好象都很不错的样子/li /ul script type="text/javascript" var t=...[ 查看全文 ]

  抠我870648795

  01
• 
  几行代码轻松搞定jquery实现flash8类似的连接效果

  标签：Web开发

  很简单几行代码就可以实现整个页面的连接效果.  代码如下： !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="Content-Type" content="text/html; charset=gb2312" /&n...[ 查看全文 ]

  五云仙浆

  31
• 
  用javascript控制iframe滚动的代码

  标签：Web开发

  现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????  img   src="demo.gif"   onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"   onmouseup="clearInterval(window.timer)"      img   src="...[ 查看全文 ]

  Ringjsj

  21
• 
  jquery 表单取值常用代码

  标签：Web开发

  jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系，只有第一个会提交的哈哈. }); }); 取下拉菜单选中项的文本； 获取和设置下拉菜单的值； 清空下拉菜单； 给下列菜单添加元素； 取单选框值； 单选或...[ 查看全文 ]

  nyzero

  01