Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果

jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果

很有意思。小邪就跟着做了一个Demo,木有用插件,只挂了jQuery。 Demo演示页面一. CSS+jQuery实现随滚动条增减汽水瓶中的液体: 话说喝汽水的那个网站是用一个瓶子的图片,分为瓶口、瓶身、吸管还有瓶底。在这些图片中瓶子内部都是透明的,所以我们可以在底下一层按 x 轴平铺液体的图片,当然记得弄好吸管,吸管则是按照 y 轴平铺。其他具体的请看代码中注释。 啊,对了,那家公司的地址在这里 - http://janploch.de/ 复制代...
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法

jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法

在某项目中,设计模板字段引擎,采用html+jquery实现,这里的数据就难免需要ajax获取,但是团队对于js掌握不一,所以我写了下面辅助类,可以像ajaxpro一样简化ajax的开发。 代码-jQueryInvokeMethodAttribute (此处只做标示方法处理,所以为空): 复制代码 代码如下: [AttributeUsage(AttributeTargets.Method, AllowMultiple=false,Inherited=fal...
关于setInterval、setTimeout在jQuery中的使用注意事项

关于setInterval、setTimeout在jQuery中的使用注意事项

以前写定时器的时候,总是习惯直接 setInterval("fn()",2000); 最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下 $(function(){setInterval("fn()",2000);}) 解决方法是去掉引号和括号,采用最原始的方法 $(function(){setInterval(fn,2000);}) 另外一种就是在书写jq的扩展,如下 复制代码 代码如下: $(function(){ $....
javascript权威指南 学习笔记之变量作用域分享

javascript权威指南 学习笔记之变量作用域分享

不知道,大家对语言中变量的“声明”与“定义”是怎么理解的, 我的理解如下: “声明”变量,只是仅仅声明,而“定义”变量,指声明了,并且赋值了。 例如: 复制代码 代码如下: var name;//只是声明 var num = 11;//声明,并且赋值,即定义了 var password = "yangjiang";//声明,并且赋值,即定义了 下面是几点总结: 变量的作用域:全局的和局部的。(注意:如果尝试读取一个未声明的变量的值,javascript会...
JavaScript ECMA-262-3 深入解析.第三章.this

JavaScript ECMA-262-3 深入解析.第三章.this

介绍 在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节。讨论的主题就是this关键字。 实践证明,这个主题很难,在不同执行上下文中确定this的值经常会发生问题。 许多程序员习惯的认为,在程序语言中,this关键字与面向对象程序开发紧密相关,其完全指向由构造器新创建的对象。在ECMAScript规范中也是这样实现的,但正如我们将看到那样,在ECMAScript中,this并不限于只用来指向新创建的对象。 下面让我们更详细的了解一下,在ECMAScri...
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)

原理很简单: 获取当前屏幕(窗体)的宽度和高度,因为不同浏览器的窗体大小是不一样的。有了这个,可以计算出来垂直居中的坐标。但是滑动了滚动条怎么依然垂直居中呢?这个时候就要获取当前窗体距离页面顶部的高度,加到刚刚的y轴坐标即可。 $(document)是获取整个网页的,$(window)是获取当前窗体的,这个要搞清楚。 最后把获取的坐标赋给窗体即可,窗体本身是绝对定位的,所以自然可以到窗体中间。 具体代码: 复制代码 代码如下: <!DOCTYPE H...
jQuery右键菜单contextMenu使用实例

jQuery右键菜单contextMenu使用实例

在下面我们将设计一个场景,表格grid需要在每行实现鼠标右键,增加,删除,保存操作。grid我就用gridview了,随便用微软提供的样式,测试用例不用搞的多好看嘛,我也不是做美工了,哈哈,偷偷懒。 先上效果图,是有些同志说的有图才有真相嘛: ui代码: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Defa...
<< 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 >>