日记 [2008年03月21日]

1.thickbox

thickbox是jQuery提供的一个很好的弹出UI框，

需要导入的js:jquery.js,thickbox.js

         css:thickbox.css

调用时需要嵌套在链接上，如更多

 

---

 

2.实现滚动字幕效果（滚动手机字幕）

html:

<div id="M_mobile">
  <div id="Screen">
            <div id="marquees" style="height:130px;width:130px;">
              <div id="News1">
                这里是滚动内容，很高很高。。。。
              </div>
              <div id="News2"></div>
            </div>
          </div>

 

Javascript:

  function myScrollUp(outid,showid,hideid,speed,oFunc)
    {
        oFunc = oFunc ? oFunc : Marquee;
        var outObj = document.getElementById(outid);
        var showObj = document.getElementById(showid);
        var hideObj = document.getElementById(hideid);
        hideObj.innerHTML = showObj.innerHTML;
        var MyMar = window.setInterval(function (){oFunc(outObj,showObj,hideObj)},speed);
        outObj.onmouseover = function() {clearInterval(MyMar)}
        outObj.onmouseout = function() {MyMar=setInterval(function (){oFunc(outObj,showObj,hideObj)},speed)}
    }
    
    function Marquee(outObj,showObj,hideObj){
        
        if(hideObj.offsetTop - outObj.scrollTop<=0)
            outObj.scrollTop -= showObj.offsetHeight;
        else{
            outObj.scrollTop++
        }
    }

css:

#M_mobile #Screen{background:url(images/main_mobile.jpg) no-repeat;font-size:12px;padding:90px 0px 0 73px;height:250px;word-spacing:0px; line-height:18px; color:white; text-decoration:underline;}
#M_mobile #Screen #marquees{OVERFLOW: hidden;padding:0px 0 0 3px;}

要触发效果可以在body onload里调用myScrollUp("marquees","News1","News2",80);80为滚动的速度，越小越快。

---

3.用java过滤一段包含html元素的字符窜，只显示body里的显示文本：

public static String getTextWithoutHtml(String htmlContent)
    {
        return htmlContent.replaceAll("<[.[^<]]*>", "");
    }

---

4.用java通过图片/文件的URL地址进行保存

public static void savePhotoAs(String photoUrl, String fileName)
    {
        try {
            URL url = new URL(photoUrl);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            DataInputStream in = new DataInputStream(connection.getInputStream());
            DataOutputStream out = new DataOutputStream(new FileOutputStream(fileName));
            byte[] buffer = new byte[1024];
            int count = 0;
            while ((count = in.read(buffer)) > 0) {
                out.write(buffer, 0, count);
            }
            out.close();
            in.close();
        } catch (Exception ex) {
            ex.printStackTrace();
        }
    }