标题文字过长的截取

工作中经常碰到一些由于排版问题而无法显示完整的标题
如:

  • 这是一条新闻啊啊啊啊…
  • 这是一条新闻啊啊啊啊…
  • 这是一条新闻啊啊

最近正好遇到相关问题,总结出以下解决方法


CSS:以前就用过,效果一般,仅ie6支持

  1. <style>div{width:100px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}</style>
  2. <div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
  3. <div>我有多长我有多长我有多长我有多长我有多长我有多长</div>
  4. <div>我有多长我有多长我有多长我有多长我有多长我有多长</div>



javascript::今天上班时候搞的,原来js有substring啊

  1. <script language="JavaScript">
  2. <!–
  3. var str="有多长我有多长我有多长我有多长我有多长";
  4. if (str.length<=5){
  5. document.write(str);}
  6. else{
  7. document.write(str.substring(0,5)+"…");}
  8. //–>
  9. </script>



VBS:这个我也不了解,感觉和js类似

  1. <script language=vbs>
  2. function phxLeft(s,u)
  3. tempLeft=left(s,u)
  4. Set regEx = New RegExp
  5. regEx.Pattern="$[$^\x00-\xff$]$"
  6. regEx.IgnoreCase = True
  7. regEx.Global = True
  8. Set Matches = regEx.Execute(tempLeft)
  9. n=u-round(Matches.Count/2)
  10. phxLeft=left(s,n)
  11. end function
  12. msgbox phxLeft("有多长我有多长我有多长我有多长我有多长",5)
  13. msgbox phxLeft("abcdefgggsadabsnuh",10)
  14. </script>



asp:这个有问题,中英文混排就糟了,目前还没想到解决办法

  1. <%
  2. text=rs("title") '将数据库字段值赋到某变量上
  3. i=20 '定义固定大小
  4. if len(text)>i then '如果文本长度大于给定的值
  5. text=left(text,i) '则提取前段的i位的字符串
  6. response.write (text&"…")
  7. else
  8. response.write (text)
  9. end if
  10. %>
关于: ,
2006-08-3 没有评论 全文

1个form,2个action

今天工作上正好用到.伪单点登录….只是把同一个表单发到不同的页面而已
先写2个函数,用来将action的url分开

  1. <script Language="JavaScript">
  2.  function aa1()
  3.  {
  4.  document.form1.action="login.jsp"; //这是第一个
  5.  document.form1.submit();
  6.  }
  7.  
  8.  function aa2()
  9.  {
  10.  document.form1.action="chklogin.jsp";//这是第二个
  11.  document.form1.username.value=form1.userid.value //name不同,所以要把另外一个里面的value搞过来
  12.  document.form1.password.value=form1.userpassword.value //密码也是一样要搞过来
  13.  document.form1.submit();
  14.  }
  15. </script>

(更多…)

关于: ,
2006-07-3 评论(1) 全文

CSS之Expression，简单学习

之前看过一篇《CSS的Expression，尚难拥抱》，揣测这东东一定不太好用。最近又看到有关的东西，记录下来就当学习吧。

定义：

　　IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。



给元素固有属性赋值
例如，你可以依照浏览器的大小来安置一个元素的位置。

  1. #myDiv {
  2. position: absolute;
  3. width: 100px;
  4. height: 100px;
  5. left: expression(document.body.offsetWidth - 110 + "px");
  6. top: expression(document.body.offsetHeight - 110 + "px");
  7. background: red;
  8. }


给元素自定义属性赋值
例如，消除页面上的链接虚线框。 通常的做法是：

  1. <a href="link1.htm" onfocus="this.blur()">link1</a>
  2. <a href="link2.htm" onfocus="this.blur()">link2</a>
  3. <a href="link3.htm" onfocus="this.blur()">link3</a>


　　粗看或许还体现不出采用expression的优势，但如果你的页面上有几十甚至上百个链接，这时的你难道还会机械式地Ctrl+C，Ctrl+V么，何况两者一比较，哪个产生的冗余代码更多呢？
采用expression的做法如下：

  1. <style type="text/css">
  2. a {star : expression(onfocus=this.blur)}
  3. </style>
  4. <a href="link1.htm">link1</a>
  5. <a href="link2.htm">link2</a>
  6. <a href="link3.htm">link3</a>


　　说明：里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非s cript内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为

  1. <style type="text/css">
  2. input
  3. {star : expression(onmouseover=this.style.backgroundColor="#FF0000";
  4. onmouseout=this.style.backgroundColor="#FFFFFF")}
  5. </style>
  6. <style type="text/css">
  7. input {star : expression(onmouseover=this.style.backgroundColor="#FF0000";
  8. onmouseout=this.style.backgroundColor="#FFFFFF")}
  9. </style>
  10. <input type="text">
  11. <input type="text">
  12. <input type="text">



可结果却是出现脚本出错，正确的写法应该把CSS样式的定义写进函数内，如下所示：

  1. <style type="text/css">
  2. input {star : expression(onmouseover=function()
  3. {this.style.backgroundColor="#FF0000"},
  4. onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) }
  5. </style>
  6. <input type="text">
  7. <input type="text">
  8. <input type="text">
关于: ,
2006-05-7 评论(1) 全文
1234

混迹于互联网的一介草民,
研究领域：互联网产品、昆虫

关注我：

最新评论：

  • 子痕: 呵呵，小有趣味~
  • vita: 小辈刚电子商务毕业，刚想自己做个网站，由于每天稀奇古怪的梦很多（比哈利波特都不算稀奇的），所以就想说收集大家的梦，说做个“梦网”，结果跟移动冲突了，那就“发梦网”吧，诶，您给做了。。。哈哈哈~~~ 那，今天做火车时，又郁闷到了，所以想弄一个网站专门批斗铁道部（没办法啊，屁民我和草根我还有愤青我都没有上街游行的种，只敢这么做~），这个可行不？经验不够，如果遇见问题，还想请教楼主啊。。
  • vita: 哈哈，虽然难登大雅，但是还是努力了一番的。我还做不出来呢。。
  • 浮云站: slideDown 方法 ie中 会闪动一下 怎么解决呢
  • Gabriel: 好有内涵
  • 小萧萧: 看不太懂，我研究下先
  • 武天老施: 吼吼，弄呢个透漏下是那个digg么，哈哈，pbdigg？
  • 爱疯迷Myang: 其实调用 ipad/html5 版本也是mac 看视频网站的一个常用手段，不然会因为不支持 flash 而使 mac 产生大量热量，温度急剧上升。
  • 武天老施: 开源框架用的是？
  • 武天老施: 博主你好，做梦网是您从头开发的么