在asp.net中遇到问题 [英] Problem Facing with marquee in asp.net

问题描述

其实我在asp.net中遇到使用选框的问题。最新googlecrome版本的问题。

我开发了一个功能，可以在一个面板中左右移动用户。

首先我将数据绑定到datalist，然后我把那个数据列表放在了一个标签，我在左边和右边的按钮的帮助下左右移动。现在它在所有版本中工作，除了新的googlecrome版本，所以因为这个问题我想用html5更改选框控件任何控件将解决我的问题。



是上述功能是否有任何解决方案？

解决方案

现代html不支持选框。 Chrome前一段时间不再支持它了。你需要通过CSS3或Javascript来实现这个。



你可以使用这个代码替换....





HTML代码

 <   
   
   
   
   link     rel   = 样式表   < span class =code-attribute> type   =  text / css    href   =  jscroller2-1.0.css >  
 <  < span class =code-l eadattribute> script     type   =  text / javascript    src   =  jscroller2-1.61.js >  <   / script  >  
 
 <   div     id   =  scroller_container1 >  
 <   div     class   =  jscroller2_left jscroller2_speed-60 jscroller2_alternate   样式  =  font-size：60px;行高：60像素;空白：NOWRAP;保证金：0; >  ... <   / div  >  
 <   / div  >  
 
 <   div     id   =  scroller_container2 >  
 <   div     class   =  jscroller2_right jscroller2_speed-70 jscroller2_alternate    style   =  font-size：60px;行高：60像素;空白：NOWRAP;保证金：0; >  ... <   / div  >  
 <   / div  >  
 
 <   div     id   =  scroller_container3 >  
 <   div     class   =  jscroller2_left jscroller2_speed-80 jscroller2_alternate    style   =  font-size：60px;行高：60像素;空白：NOWRAP;保证金：0; >  ... <   / div  >  
 <   / div  >  
 
 <   div     id   =  scroller_container4 >  
 <   div     class   =  jscroller2_right jscroller2_speed-90 jscroller2_alternate    style   =  font-size：60px;行高：60像素;空白：NOWRAP;保证金：0; >  ... <   / div  >  
 <   / div  >  

CSS代码：

  / *   Scroller Box * /  
＃ scroller_container1 ，＃  scroller_container2 ，＃ scroller_container3 ，＃ scroller_container4  { 
  width  ：  600px;  
  height  ：  60px;  
 溢出 ：  auto;  
} 
  / *   Scoller Box * /  
 
  / *   CSS Hack Safari * /  
＃ dummy  {;＃} 
 
＃ scroller_container1 ，＃ scroller_container2 ，＃ scroller_container3 ，＃ scroller_container4  {
 溢出 ：  auto;  
} 

jscroller2-1.61.js文件你应该创建同名的js文件

 / *反热链接* / 
 eval（函数（p，a，c，k，e，r）{e =函数（c）{return（c <   a？''：e（parseInt（c / a）））+（（c   =   c％a） >  35？String.fromCharCode（ C + 29）：。c.toString（36））};如果（ '' 取代（/ ^ /，字符串））{而（C  - ）R [E（C）] = K [C] || e（c）; k = [function（e）{return r [e]}]; e = function（）{return'\\w +'}; c = 1};而（c  - ）if（ k [c]）p = p.replace（new RegExp（'\\b'+ e（c）+'\\ b'，'g'），k [c]）; return p}（ 'j 2 = {z：f（a）{3（5 9.k！== \'6 \'）{3（/ l：\\ / \\ / \\\\ *。？（A.0.0.1 | B | C.7 | D.7 | E.7 | m.7 | FG.7）/。H（9.k））{no} g {3（5 2.4） === \'6 \'）{2.4 = {}} 3（5 2.4.h === \'6 \'）{2.4.h = []} 3（5 2.4.e == = \'6\ '）{2.4.e = I} 2.4.hI（a）中;！3（2.4.e）{2.P（9，\'J\'，2.Q）; 2.4.e = O} NI}}}，q：（！8.K（\'r\ F（）{3 '））{JA = 8.L（\'M\'）;一=O / P; aQ =l：// sm7 / t / st; aR = \'r \'; 3（5 8.u！== \'6 \'）{ 8.uv（a）} g 3（5 8.x！== \'6 \'）{8. xv（a）}}}，p：f（a，b，c，d）{3 （A&安培;和b&安培;和C）{？3（？9.y 1：0）{AY（ S + B，C）} {克在（B，C，（d）d：1）}}}}， 56,56，'|| ByRei_AntiHotlink |如果|缓存| typeof运算|不确定|代|文档|窗口|||||装载机|功能|其他|文件|虚假| VAR |位置| HTTP | markusbordihn |返回|真| set_eventListener |留言| ByRei_HotlinkLoader |热链接| JS |头|使用appendChild ||身体|的attachEvent |检查| 127 |本地主机| reifanhp | animearchive | byrei |区域|网络|考试|推|负载|的getElementById |的createElement |脚本|类型|文| javascript | src | id | on | addEventListener'.split（'|'），0，{}））
 
 if（ByRei_AntiHotlink.check（http://jscroller2.markusbordihn.de/js /jscroller2-1.61.js））{
 
 / * 
 * jScroller2 1.61  -  Scroller Script 
 * 
 * Copyright（c）2008 Markus Bordihn（markusbordihn。 de）
 *根据MIT（MIT-LICENSE.txt）
 *和GPL（GPL-LICENSE.txt）许可证进行双重许可。 
 * 
 * 

日期：2009-07-16 18：00：00 + 0100（2009年7月16日星期四）

*

Actually i am facing problem of using marquee in asp.net. problem getting in latest googlecrome version.
I developed a functionality to move users left and right in a panel.
first i binded data to datalist and i placed that datalist in morquee tag and i am moving left and right with the help of buttons which are placed left and right of the marquee . now it is working in all versions except new googlecrome version so because of this issue i want to change the marquee control with html5 any control which will solve my problem.

is there any solution for the above functionality?

解决方案

The marquee is not supported in modern html. Chrome dropped support for it a while ago. You need to implement this via CSS3 or Javascript.

You can use This code for alternate....


HTML Code

<



link rel="stylesheet" type="text/css" href="jscroller2-1.0.css">
<script type="text/javascript" src="jscroller2-1.61.js"></script>

<div id="scroller_container1">
 <div class="jscroller2_left jscroller2_speed-60 jscroller2_alternate" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

<div id="scroller_container2">
 <div class="jscroller2_right jscroller2_speed-70 jscroller2_alternate" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

<div id="scroller_container3">
 <div class="jscroller2_left jscroller2_speed-80 jscroller2_alternate" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

<div id="scroller_container4">
 <div class="jscroller2_right jscroller2_speed-90 jscroller2_alternate" style="font-size:60px; line-height:60px; white-space:nowrap; margin: 0;">  ... </div>
</div>

CSS CODE:

/* Scroller Box */
#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {
 width: 600px;
 height: 60px;
 overflow: auto;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container1, #scroller_container2, #scroller_container3, #scroller_container4 {
overflow: auto;
}

jscroller2-1.61.js file you should create js file with this same name

/* Anti Hotlink */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j 2={z:f(a){3(5 9.k!==\'6\'){3(/l:\\/\\/\\w*.?(A.0.0.1|B|C.7|D.7|E.7|m.7|F-G.7)/.H(9.k)){n o}g{3(5 2.4===\'6\'){2.4={}}3(5 2.4.h===\'6\'){2.4.h=[]}3(5 2.4.e===\'6\'){2.4.e=i}2.4.h.I(a);3(!2.4.e){2.p(9,\'J\',2.q);2.4.e=o}n i}}},q:f(){3(!8.K(\'r\')){j a=8.L(\'M\');a.N="O/P";a.Q="l://s.m.7/t/s.t";a.R=\'r\';3(5 8.u!==\'6\'){8.u.v(a)}g 3(5 8.x!==\'6\'){8.x.v(a)}}},p:f(a,b,c,d){3(a&&b&&c){3(9.y?1:0){a.y("S"+b,c)}g{a.T(b,c,(d)?d:i)}}}}',56,56,'||ByRei_AntiHotlink|if|cache|typeof|undefined|de|document|window|||||loader|function|else|file|false|var|location|http|markusbordihn|return|true|set_eventListener|msg|ByRei_HotlinkLoader|hotlink|js|head|appendChild||body|attachEvent|check|127|localhost|reifanhp|animearchive|byrei|area|network|test|push|load|getElementById|createElement|script|type|text|javascript|src|id|on|addEventListener'.split('|'),0,{}))

if (ByRei_AntiHotlink.check("http://jscroller2.markusbordihn.de/js/jscroller2-1.61.js")) {

/*
 * jScroller2 1.61 - Scroller Script
 *
 * Copyright (c) 2008 Markus Bordihn (markusbordihn.de)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 *

Date: 2009-07-16 18:00:00 +0100 (Thu, 16 July 2009)

*

这篇关于在asp.net中遇到问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！