随着文本字数的增多,标题背景变长

my-onlyone 2015-07-31 11:32:44

function GetLength(str) {
if (str == null) return 0;
if (typeof str != "string"){
str += "";
}
return str.replace(/[^\x00-\xff]/g,"01").length+4;
}


(function($) {
$.fn.extend({
bigTitle: function(options) {
var settings = $.extend({
big_text: "",
big_length: "",
big_width: 500
});
return this.each(function(e) {
var big_text = $(this).text();
var big_length = $(this).text().length;
var big_fontsize = $(this).css("font-size").replace("px","")*1;
big_length = Math.ceil(GetLength($(this).text())/2);
alert(big_length);
var big_width = big_fontsize*big_length+64;
big_width = (big_width < 500) ? 500 : big_width;
$(this).html("<div class='big_title_left'><div class='big_title_right' style='width:" + big_width + "px;'><span style='padding-left:45px;padding-right:45px;'>" + big_text + "</span></div></div>").css("width", big_width + "px");

});
}

});
...全文
78 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,964

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧