zoukankan      html  css  js  c++  java
  • 动态添加Marquee标签,并动态赋值与属性

    前台加载js

    $(function(){

    var publishStr="<%=publishText%>"
    var marqueeStr=" <marquee id="marquee0" onmouseover="this.stop()" onmouseout="this.start()" direction=""+direction+"" scrollamount=""+scrollamount+"" scrolldelay=""+scrolldelay+""></marquee>";
    $("#pulishText_div").append(marqueeStr);
    $("#marquee0").html(htmlDecode(publishStr));

    })

    对于publishText,是在后台htmlEncode编码得到的

    //主界面-公告-滚动内容设置

    private void NoticeDataGet(string CustomerId)
    {
    string sql = string.Format(@"SELECT ConfigName,Src FROM dbo.TVipMemebershipCenterConfig WHERE ConfigCode='publishText' AND status='1' AND CustomerId=@CustomerId");
    var bllInfo = UnityInvoker.GetBLLInfo(CustomerId, DbKeys.Biz);
    DbParameterList paras = new DbParameterList();
    paras.Add("@CustomerId", SqlDbType.VarChar, 50, CustomerId);
    DataSet dataSet = UnityInvoker.BLLInvoke<IBLL_SQLHelper>(DataInvokeMode.LANDriectDB).
    FillData(bllInfo, sql,paras);
    DataTable dt = dataSet.Tables["FzTable"];
    if (dt != null && dt.Rows.Count > 0)
    {
    foreach (DataRow dr in dt.Rows)
    {
    publishText += "<a href=\"" + HttpUtility.HtmlEncode(dr["Src"].ConvertString()) + "\">" +HttpUtility.HtmlEncode(dr["ConfigName"]) + "</a><br>";
    }
    }
    else {
    publishText += "<a href=\"javascript:void(0)\">公告内容,公告内容</a><br>";
    }
    }

    所以要展现既有便签,又通过编码过的字符串,就要在前台进行特殊处理,解码htmlDecode 

    function htmlEncode ( str ) {

    var ele = document.createElement('div');
    ele.appendChild( document.createTextNode( str ) );
    return ele.innerHTML;
    }

    function htmlDecode ( str ) {
    var ele = document.createElement('div');
    ele.innerHTML = str;
    return ele;
    }

  • 相关阅读:
    团 队 作 业 ———— 随 堂 小 测
    Alpha 冲刺 (5/10)
    jquery获取自定义属性(attr和prop)实例介绍
    jQuery中调用WebService方法小结
    ASP.NET程序运行出现WebDev.WebServer40.exe已停止工作解决方法
    Jqurey学习笔记---6、jQuery 效果
    Jqurey学习笔记---5、jQuery 效果
    Jqurey学习笔记---4、jQuery 事件
    Jqurey学习笔记---3、jQuery 选择器
    Jqurey学习笔记---2、jQuery 语法篇
  • 原文地址:https://www.cnblogs.com/xiatianoo/p/5359122.html
Copyright © 2011-2022 走看看