- 浏览: 46722 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
elf8848:
引用
readonly
不可编辑,可以获得焦点,背景颜色默认 ...
Input的readonly 属性与disabled属性
velocity中使用jquery:
代码:
问题:
==================文件内容分析错误==================
/defaultSite/dezhou/roadCondition.html:解析错误 : Encountered "\r\nScroll:function(opt, callback){\r\nif (!opt){\r\nvar opt = {};\r\n}\t\t\t\r\nvar _this = this.eq(0).find(\"ul:first\");\r\nvar lineH = _this.find(\"li:first\").height(),\r\nline = opt.line ? parseInt(opt.line, 10) : parseInt(this.height()/lineH, 10),\r\nspeed = opt.speed ? parseInt(opt.speed, 10) : 400,\r\ntimer = opt.timer ? parseInt(opt.timer, 10) : 5000; \r\nif (line == 0){line = 1;}\r\nvar upHeight = 0 - line * lineH;\r\nscrollUp = function() {\r\n_this.animate( {\r\nmarginTop : upHeight\r\n}, speed, function() {\r\nfor (i = 1; i <= line; i++) {\r\n_this.find(\"li:first\").appendTo(_this);\r\n}\r\n_this.css( {\r\nmarginTop : 0\r\n});\r\n});\r\n}\r\n_this.hover(function() {\r\nclearInterval(timerID);\r\n}, function() {\r\ntimerID = setInterval(\"scrollUp()\", timer);\r\n}).mouseout();\r\n}\r\n})\r\n})(jQuery);\r\n\r\n\r\n" at line 14, column 14. Was expecting: ...
原因及解决方法(参考网友解决方法http://www.oschina.net/question/1092_3896):
elocity的$与Jquery的$发生冲突时的解决方法有以下几个:
1、使用jQuery代替$。
如:jQuery.ajax();
缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发
2、使用jQuery.noConflict。
如:var j = jQuery.noConflict(); j.ajax();
缺点:当使用jQuery的相关插件时,会使得插件失效哦!
3、wrap jQuery中的冲突方法。
如$.ajax()在Velocity中会冲突,则重新定义如下:
function dw(){}
dw.ajax=function(s){
jQuery.ajax(s);
}
dw.ajax();
方案3基本上解决了1、2中的缺点~~~故推荐使用第三种方法!
代码:
<!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" /> <title>多行滚动jQuery循环新闻列表代码</title> <style type="text/css">ul,li{margin:0;padding:0}#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}#scrollDiv li{height:25px;padding-left:10px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script> <script type="text/javascript"> (function($){ $.fn.extend({ Scroll:function(opt, callback){ if (!opt){ var opt = {}; } var _this = this.eq(0).find("ul:first"); var lineH = _this.find("li:first").height(), line = opt.line ? parseInt(opt.line, 10) : parseInt(this.height()/lineH, 10), speed = opt.speed ? parseInt(opt.speed, 10) : 400, timer = opt.timer ? parseInt(opt.timer, 10) : 5000; if (line == 0){line = 1;} var upHeight = 0 - line * lineH; scrollUp = function() { _this.animate( { marginTop : upHeight }, speed, function() { for (i = 1; i <= line; i++) { _this.find("li:first").appendTo(_this); } _this.css( { marginTop : 0 }); }); } _this.hover(function() { clearInterval(timerID); }, function() { timerID = setInterval("scrollUp()", timer); }).mouseout(); } }) })(jQuery); $(document).ready(function() { $("#scrollDiv").Scroll( { line : 4, speed : 400, timer : 5000 }); }); </script> </head> <body> <p> 多行滚动演示: </p> <div id="scrollDiv"> <ul> <li> 这是公告标题的第一行 </li> <li> 这是公告标题的第二行 </li> <li> 这是公告标题的第三行 </li> <li> 这是公告标题的第四行 </li> <li> 这是公告标题的第五行 </li> <li> 这是公告标题的第六行 </li> <li> 这是公告标题的第七行 </li> <li> 这是公告标题的第八行 </li> </ul> </div> </body> </html>
问题:
==================文件内容分析错误==================
/defaultSite/dezhou/roadCondition.html:解析错误 : Encountered "\r\nScroll:function(opt, callback){\r\nif (!opt){\r\nvar opt = {};\r\n}\t\t\t\r\nvar _this = this.eq(0).find(\"ul:first\");\r\nvar lineH = _this.find(\"li:first\").height(),\r\nline = opt.line ? parseInt(opt.line, 10) : parseInt(this.height()/lineH, 10),\r\nspeed = opt.speed ? parseInt(opt.speed, 10) : 400,\r\ntimer = opt.timer ? parseInt(opt.timer, 10) : 5000; \r\nif (line == 0){line = 1;}\r\nvar upHeight = 0 - line * lineH;\r\nscrollUp = function() {\r\n_this.animate( {\r\nmarginTop : upHeight\r\n}, speed, function() {\r\nfor (i = 1; i <= line; i++) {\r\n_this.find(\"li:first\").appendTo(_this);\r\n}\r\n_this.css( {\r\nmarginTop : 0\r\n});\r\n});\r\n}\r\n_this.hover(function() {\r\nclearInterval(timerID);\r\n}, function() {\r\ntimerID = setInterval(\"scrollUp()\", timer);\r\n}).mouseout();\r\n}\r\n})\r\n})(jQuery);\r\n\r\n\r\n" at line 14, column 14. Was expecting: ...
原因及解决方法(参考网友解决方法http://www.oschina.net/question/1092_3896):
elocity的$与Jquery的$发生冲突时的解决方法有以下几个:
1、使用jQuery代替$。
如:jQuery.ajax();
缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发
2、使用jQuery.noConflict。
如:var j = jQuery.noConflict(); j.ajax();
缺点:当使用jQuery的相关插件时,会使得插件失效哦!
3、wrap jQuery中的冲突方法。
如$.ajax()在Velocity中会冲突,则重新定义如下:
function dw(){}
dw.ajax=function(s){
jQuery.ajax(s);
}
dw.ajax();
方案3基本上解决了1、2中的缺点~~~故推荐使用第三种方法!
发表评论
-
JFreeChart 学习(2)-struts2+maven3
2015-06-20 11:53 1057该资源均来自网络,稍作了整理,以便查询 开发环境: ecli ... -
strusts2.0+servlet
2015-06-19 21:26 0在struts2.0中加入servlet -
JFreeChart 学习(1)-获取图片
2015-06-19 21:35 713jfreechart版本:1.0.13 maven依赖配置: ... -
js 计算特殊字符CRLF
2012-03-28 15:48 0js计算CRLF长度为1还是为2? -
linux 下 jboss7的安装
2011-12-31 09:22 0linux 下 jboss7的安装 环境: linux 2.6 ... -
maven 体验
2011-12-22 13:59 0使用maven管理web项目尝试 开发环境: win7, c ... -
eclise导入已存在工程报 Faceted Project Problem 错误
2011-11-01 17:42 4153现象: 向eclipse里面导入已存在工程时,报如下错误: ... -
eclipse3.6 在 tomcat6上部署web应用
2011-08-18 14:43 0本文做为一个简单练习总结,探索一个简单web工程从创建到部署的 ... -
eclipse 之 scrapbook
2011-08-06 08:37 1290eclipse 之 scrapbook 在日常的 ... -
eclipse添加findbugs plugin
2011-08-06 08:09 1027eclipse添加findbug plugin Eclips ... -
eclipse添加打开文件夹资源快捷方式
2011-08-05 08:59 1680eclipse添加打开文件夹资源快捷方式 在eclipse ... -
支持IE及FIRFOX 添加连接到收藏夹的简易操作
2011-07-21 09:55 1145支持IE及FIRFOX 添加连接到收藏夹的简易操作 ... -
使用jquery及javascript实现文本滚动效果
2011-07-15 17:22 1477使用jquery及javascript实现文本滚动效果 ... -
eclipse3.2.2 整合 weblogic81
2011-07-13 11:28 0eclipse3.2.2 整合 weblogic8.1 -
修改eclipse启动jdk版本
2011-07-13 10:49 0修改eclipse启动jdk版本 1.eclipse3.3 ... -
Ajax学习笔记(一)
2010-08-05 01:21 827功能 1、使用ajax实现分页功能 一、概念 二、使用到的技 ... -
jquery学习笔记(一)
2010-07-12 15:46 0实现功能: 通过ajax、json从后台查询数 ... -
log4j学习笔记(二)
2010-07-12 12:47 858二、通过配置文件输出日志 1.配置log4j.xml & ... -
log4j学习笔记(一)
2010-07-08 15:07 784一、代码中实现,实现把日志输出到控制台和文件 packag ... -
Input的readonly 属性与disabled属性
2010-07-06 10:48 8670readonly 不可编辑,可以获得焦点,背景颜色默认灰色,值 ...
相关推荐
org.apache.velocity_1.3.1 jquery 插件, apache 提供的一个强大的插件, 大大的方便了程序员的开发.
用Velocity自己改装的jquery+json+springMVC+ibatis简单例子 希望能帮到大家
问题描述: 在使用velocity模版引擎的环境下,使用jquery时,如:$.fullCalendar.gcalFeed(‘http://www.google.com/calendar/feeds/sfzc1@realintelligence.com/public/basic’) 其中$与velocity变量中的$冲突。...
使用最流行的Springmvc+mybatis+velocity+easyui+jquery1.4.1架构
Velocity 是一个动画引擎,有着和 jQuery 的 $.animate() 一样的 API。它既可以和 jQuery 一起工作,也可以脱离 jQuery 工作。它的速度难以置信地快,具有 颜色动画,转换,循环,缓动,支持 SVG,以及滚动的功能。
它能和 jQuery 完美协作,并和$.animate()有相同的 API,但它不依赖 jQuery,可单独使用。 Velocity 不仅包含了 $.animate() 的全部功能, 还拥有:颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动...
基于jQuery和Velocity.js引擎插件实现手机端动画切换特效源码.zip
类似 jQuery 的 $.animate() 方法,但无需依赖 jQuery。速度非常快,而且提供一些很酷的动画效果,支持 SVG 和滚动。 示例代码: $element.velocity({ width: "500px", property2: value2 }, { /* ...
完全结合最新的SSH框架,jquery jeasyui velocity等特性,进行生意下拉列表的实现,避免了复杂性的SELECT OPTIONS等代码编写
此项目介绍了以SSM(struts2+Spring3+Mybatis3)项架整合,页面采用VM(velocity)+DWZ(简单实用国产jQuery UI框架)集合
利用velocity来定义动画序列,可以直接使用velocity.js中预定义动画开发自己的网页动画,也可以利用velocity.js自定义动画
jQuery.offcanvas 一个易于使用的jQuery offcanvas插件。 该插件提供了一种简单的方法,可以将内容放置在画布之外,并通过单击按钮或任何所需的元素来显示内容。 这是用于移动导航等的有用模式。 |依存关系由于这是...
缺点:不适合扩展,一旦替换成第三方库时,那就麻烦大发 3、 wrap jQuery中的冲突方法。 如$.ajax()在Velocity中会冲突,则重新定义如下: function dw(){} dw.ajax=function(s){ jQuery.ajax(s); }
包括AJAX教程-JQuery、JQueryAPI、Velocity用户手册等资料
× <h4 class="modal-title" id="myModalLabel">Modal header 1 ... 一款在Bootstrap模态窗口和Popover的基础上,使用velocity.js来制作模态窗口和Popover打开时的动画过渡效果的jQuery打开模态窗口代码。
这是一款基于Velocity.js和CSS3制作的效果非常炫酷的滚动页面特效。这个特效中有7种不同的页面滚动效果,分别是:缩放、旋转、画廊、跟随、透明度、固定位置和视觉差效果。
sideToggle是一款简单的jquery侧边栏插件。它可以通过velocity.js来替代jQuery的animate()动画,提供动画效果。