葡京网投哪个正规 > 新葡亰-编程 > 更好的商城图片放大,超实用的JavaScript代码段

原标题:更好的商城图片放大,超实用的JavaScript代码段

浏览次数:88 时间:2020-01-19

  • ezj v2.8 新功能预览-高亮 HTML 的同时,高亮其中 CSS 和 JavaScript
  • ezj v2.8 新功能预览-ezj.ext.calendar 支持自定义格式
  • ezj v2.8 新功能预览-更好的商城图片放大
  • ezj v2.8 新功能预览-高亮 HTML 的同时,高亮其中 CSS 和 JavaScript
  • ezj v2.8 新功能预览-ezj.ext.calendar 支持自定义格式
  • ezj v2.8 新功能预览-更好的商城图片放大
  • ezj v2.8 新功能预览-高亮 HTML 的同时,高亮其中 CSS 和 JavaScript
  • ezj v2.8 新功能预览-ezj.ext.calendar 支持自定义格式
  • ezj v2.8 新功能预览-更好的商城图片放大

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。




本文为大家整理了5段实用JavaScript代码,便于大家进行开发。

商城图片放大效果就是鼠标移到商品图片上,旁边可显示图片细节,这个 JavaScript 插件网上不少,但我认为 ezj v2.8 中带的这个插件是极其好用的。

ezj v2.7 发布之后,收到了几位朋友的反馈,反馈了一些 BUG、程序改进扩展以及发展建议,在此表示诚挚的谢意,感谢所有关心 ezj 的朋友,祝您们新春快乐、万事如意。

ezj v2.7 及之前的 ezj.ext.calendar 支持一句代码调用并创建日历(含时间)对话框,日期时间格式为标准的格式,但若想要使用自定义的格式,就办不到,而 ezj v2.8 中可以办到。(注意,到 2011-02-17,ezj v2.8 仍在开发中,并未发布。)

1. 判断日期是否有效

和其他优秀的插件一样,ezj v2.8 中也非常好用,只需一句代码。

目前 ezj v2.8 正在(2011-02-01)紧锣密鼓地开发中,修正了部分 BUG,改进和扩展了一些功能,而其中目前已完成的亮点是代码高亮支持自动识别嵌入 HTML 中的 CSS 和 JavaScript。

ezj v2.8 中是通过更改 ezj.ext.calendar 实现此功能的,目前代码如下(实际发布时可能与此不同):

JavaScript中自带的日期函数还是太过简单,很难满足真实项目中对不同日期格式进行解析和判断的需要。JQuery也有一些第三方库来使日期相关的处理变得简单,但有时你可能只需要一个非常简单的函数,而不想引入一个庞大的第三方库。这时,你可以使用下面这段日期校验代码,它允许你自定义日期格式并进行日期有效性的校验。

ezj.ext.zoom(".picture");

亮点预览

ezj.ext.calendar = function(inputField) { ///<summary>创建基于 The DHTML Calendar 的日历控件。语法:ezj.ext.calendar(inputField[, button[, showsTime[葡京正网网投,, format]]]) 或 ezj.ext.calendar(inputField[, config])</summary> ///<param name="inputField" type="string/object/array">存储、显示日历值的元素查询字符串,或元素对象,或元素对象数组。inputField 需是文本框。</param> ///<param name="button" type="string/object/array">可选。触发日历控件显示的元素查询字符串,或元素对象,或元素对象数组。默认值为 inputField 对应的元素。</param> ///<param name="showsTime" type="boolean">可选。是否在日历控件中显示时间部分。默认值为 false。</param> ///<param name="format" type="string">可选。日期时间格式。默认值为 %Y-%m-%d(不显示时间部分时)和 %Y-%m-%d %H:%M:%S(显示时间部分时)。</param> if (!ezj.ext.load("calendar", ["ext/calendar/calendar_stripped.js", "ext/calendar/lang/calendar-zh-utf8.js", "ext/calendar/calendar-setup_stripped.js"], ["ext/calendar/calendar-"

function isValidDate { // Set default format if format is not provided userFormat = userFormat || 'mm/dd/yyyy'; // Find custom delimiter by excluding // month, day and year characters var delimiter = /[^mdy]/.exec[0]; // Create an array with month, day and year // so we know the format order by index var theFormat = userFormat.split; // Create array from user date var theDate = value.split; function isDate { var m, d, y, i = 0, len = format.length, f; for  { f = format[i]; if  m = date[i]; if  d = date[i]; if  y = date[i]; } return ( m > 0 && m < 13 && y && y.length === 4 && d > 0 && // Check if it's a valid day of the month d <= .getDate; } return isDate;}

目前效果如下(正式发布时,还将有放大指示框)

葡京网投哪个正规 1

  • 葡京网投哪个正规,ezj.ext.calendar.skin + ".css"])) { return; } inputField = $(inputField); var button = inputField; var showsTime = false; var format = null; if (Function.like("any", "object") && !String.is(arguments[1].tagName)) { // 在 IE 中,HTML 元素也是 object 类型,这里用 tagName 排除之。 var config = arguments[1]; button = $(Object.prop(config, "button", button)); showsTime = Object.prop(config, "showsTime", showsTime); format = Object.prop(config, "format", format); } else { button = $(Function.overload(1, button)); showsTime = Function.overload(2, showsTime); format = Function.overload(3, format); } var inputFields = Array.from(inputField); var buttons = Array.from(button); inputFields.each(function(e, index){ if (format == null) { Calendar.setup({ inputField : inputFields[index], button : buttons[index], showsTime : showsTime, ifFormat : (!showsTime ? "%Y-%m-%d" : "%Y-%m-%d %H:%M:%S") }); } else { Calendar.setup({ inputField : inputFields[index], button : buttons[index], showsTime : showsTime, ifFormat : format }); } }); };

使用方法:下面这个调用返回false,因为11月份没有31天

葡京网投哪个正规 2

普通及以前的 ezj 代码高亮

如果您急需此功能,可以拷贝此功能到 v2.7 的 ezj_source.js 的对应代码段,再通过  将其打包成更小的 ezj.js。

isValidDate('dd-mm-yyyy', '31/11/2012')

那么它的优势是什么呢?

葡京网投哪个正规 3

要自定义日期时间格式,就指定 format 参数就可以了,比如下面的两段代码分别用两种方式展示了 format 的使用。

2. 获取一组元素的最大宽度或高度

它的优势不光是代码简单,还因为它可以非常智能地获取大图片的地址,因为不同的平台中,有的把大图片地址放在这里,有的放在那里,而如果程序不智能的话,就会导致出错。

ezj v2.8 中的代码高亮

ezj.ext.calendar("t1", "t1", true, "%H时%M分%S秒"); ezj.ext.calendar("t2", { showsTime : true, format : "%p %I:%M:%S" });

下面这个函数,对于需要进行动态排版的开发人员非常有用。

可以获取吗?

  • ezj v2.8 新功能预览-高亮 HTML 的同时,高亮其中 CSS 和 JavaScript
  • ezj v2.8 新功能预览-ezj.ext.calendar 支持自定义格式
  • ezj v2.8 新功能预览-更好的商城图片放大

format 格式参考

var getMaxHeight = function  { var maxHeight = 0; $elms.each { // In some cases you may want to use outerHeight() instead var height = $; if  { maxHeight = height; } }); return maxHeight;};

目前(2011-02-17)ezj v2.8 还没有发布,若想在发布之前体验此代码,可与 yuyelin@163.com 联系。


  • %Y 四位数年
  • %y 两位数年(00..99)
  • %m 月(01..12)
  • %d 日(00..31)
  • %e 日(0..31)
  • %p“PM”或“AM”(小写 %p 输出大写 PM、AM)
  • %P“pm”或“am”(大写 %P 输出小写 pm、am)
  • %H 小时(24 小时制)(00..23)
  • %k 小时(24 小时制)(0..23)
  • %I 小时(12 小时制)(01..12)
  • %l 小时(12 小时制)(1..12)(%l 的 l 为 L 的小写)
  • %M 分(00..59)
  • %S 秒(00..59)
  • %C 世纪(2000 年为 21 世纪)
  • %B 月名称
  • %b 月名称缩写(针对英文)
  • %A 星期名称
  • %a 星期名称缩写(比如星期四为“四”)
  • %w 星期数字(1..7,1 表示星期一)
  • %u 星期数字(0..6,0 表示星期日)
  • %j 一年的第多少天(000..366)
  • %U、%W、%V 周数
  • %s 1970 年 1 月 1 日 0 时 0 分 0 秒(UTF)到指定时间的秒数
  • %n 换行符
  • %t 制表符
  • %% 表示 %

使用方法:

官方网站

官方网站

$.height( getMaxHeight;

3. 高亮文本

  • ezj v2.8 新功能预览-高亮 HTML 的同时,高亮其中 CSS 和 JavaScript
  • ezj v2.8 新功能预览-ezj.ext.calendar 支持自定义格式
  • ezj v2.8 新功能预览-更好的商城图片放大
  • ezj v2.8 新功能预览-高亮 HTML 的同时,高亮其中 CSS 和 JavaScript
  • ezj v2.8 新功能预览-ezj.ext.calendar 支持自定义格式
  • ezj v2.8 新功能预览-更好的商城图片放大

有很多JQuery的第三方库可以实现高亮文本的功能,但我更喜欢用下面这一小段JavaScript代码来实现这个功能,它非常短小,而且可以根据我的需要去进行灵活的修改,而且可以自己定义高亮的样式。下面这两个函数可以帮助你创建自己的文本高亮插件。



function highlight { // Default tag if no tag is provided tag = tag || 'span'; var i, len = words.length, re; for  { // Global regex to highlight all matches re = new RegExp; if  { text = text.replace(re, '$&'+ tag +'>'); } } return text;}

你同样会需要取消高亮的函数:

function unhighlight { // Default tag if no tag is provided tag = tag || 'span'; var re = new RegExp('(|)', 'g'); return text.replace;}

使用方法:

$.html.html(), // the text ['foo', 'bar', 'baz', 'hello world'], // list of words or phrases to highlight 'strong' // custom tag));

4. 文字动效

有时你会希望给你的一段文字增加动效,让其中的每个字都动起来。你可以使用下面这段jQuery插件代码来达到这个效果。当然你需要结合一个CSS3 transition样式来达到更好的效果。

$.fn.animateText = function { var text = this.text(); var letters = text.split; return this.each{ var $this = $; $this.html(text.replace(/./g, '$&')); $this.find.each{ setTimeout.addClass; }); });};

使用方法:

$.animateText;

5. 逐个隐藏元素

下面这个jQuery插件可以根据你设置的步长来逐个隐藏一组元素。在列表元素的重新加载中使用,可以达到很好的效果。

$.fn.fadeAll = function  { var o = $.extend({ delay: 500, // delay between elements speed: 500, // animation speed ease: 'swing' // other require easing plugin }, ops); var $el = this; for (var i=0, d=0, l=$el.length; i使用方法:$.fadeAll({ delay: 300, speed: 300 });以上只是那些实用JavaScript代码段中的一小部分,希望对大家学习javascript程序设计有所帮助。

本文由葡京网投哪个正规发布于新葡亰-编程,转载请注明出处:更好的商城图片放大,超实用的JavaScript代码段

关键词:

上一篇:迁移虚拟机,1正式发布葡京网投哪个正规:

下一篇:数据表结构详细解释