jquery实现的V字形显示效果代码_jquery_脚本之家

企望本文所述对大家jQuery程序设计有所帮忙。

V字形特效看不到效果 的需要刷新一下...  //声明变量 var Tong = {}; Tong.V = { config: { //每一个的距离 space:4, //V 形的最大长度和宽度 height: 1000, width: 130, elHeight: 10, elWidth: 10, }, Create: function (config, xcolor, ycolor) { if  { config = Tong.V.config; } //1.跟据 总的目标V字高度和宽度 还有每一层的间隔 计算出层数 //2.跟据 宽度计算出循环 //得到所有的行数 因为每次都是 var row = Tong.V.config.width / (Tong.V.config.space * 2); var contentDiv = jQuery; //取整数 丢掉小数部分 row = parseInt; for  { var margin = i * Tong.V.config.space; var space = parseInt(Tong.V.config.width - margin * 2); var div = Tong.V.CreateEl(margin, 0, space, Tong.V.config, xcolor, ycolor); contentDiv.append; } //用于返回内容数据功能 return contentDiv; // jQuery.append; } , //创建一个原素 CreateEl: function (x, y, s, config, xcolor, ycolor) { var panel = jQuery(document.createElement; var leftdiv = jQuery(document.createElement; var rightdiv = jQuery(document.createElement; var spacediv = jQuery(document.createElement; //设置CSS panel.css; leftdiv.css({ marginTop: 4 + 'px', float: 'left', marginLeft: x + 'px', width: config.elWidth + 'px', height: config.elHeight + 'px', border: "1px solid ", backgroundColor: xcolor ? xcolor : "#06C" }); rightdiv.css({ float: 'left', marginTop: 4 + 'px', marginLeft: y + 'px', width: config.elWidth + 'px', height: config.elHeight + 'px', border: "1px solid ", backgroundColor: ycolor ? ycolor : "#ff0000" }); spacediv.css({ float: 'left', textAlign: 'center', backgroundColor: '#00ff00', textSize:'15px', width: s + 'px', height: config.elHeight + 'px' }); spacediv.hover { this.style.width= ( this.offsetWidth <= 50 ? 50 : this.offsetWidth)+'px'; }, function () { this.style.width = parseInt.attr; spacediv.attr; spacediv.html; panel.append; panel.append; panel.append; return panel; }, Test: function () { var xcol = "#06C"; var ycol = "#ff0000"; for  { var item= Tong.V.Create(Tong.V.config , xcol, ycol); var temp = xcol; xcol = ycol; ycol = temp; jQuery.append; } //Tong.V. Create(); } }; jQuery { //Tong.V.Create;      

正文实例陈诉了jquery完结的V字形展现效果代码。分享给大家供大家参谋,具体如下:

此处介绍jquery实现的V字形小作用,希望大家钟爱。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图