♦

ul/ol,li 和 dl,dt,dd 的区别

2008年03月06日  

看到经典论坛的一个帖子《关于dl dt dd写法》里面谈到了 dl和ul/ol之间的区别。由于之前工作上很少用到dl，对于dl也是一知半解，于是就查资料。。。

查看全文 »

0个评论  标签: , , ,   

位置互换，瞎谈网站项目中的客户方

2008年02月29日  

06年我做过几个月的soho，在那个时候soho市场就已经乱套了，什么88元建站+域名，什么188套餐，什么都有，唉，那个时候真的是低声下气的。
在未进现在的公司之前，公司已经决定要做一个门户，让一位门外汉同事做的策划书，并且交给了某“专业”软件公司，网站报价貌似是6位数（有猫腻），看似很美好的一个过程。网站也慢慢做出来了。
进公司之后，真是大跌眼镜。典型一糨糊站，除了首页华而不实之外，其他子页面就更不华也不实，网站的流程也很突兀，2-3个步骤一走，仿佛是到了另一个地方，表单简直就是人口普查，看的都烦，用户体验那是更别提了，页面的布局也就基本一个调，看了直冒汗，我心里想这关系重要还是东西重要？
查看全文 »

0个评论  标签: , , , ,   

[js]上班写的几个代码。。

2007年11月29日  

其实是很简单的display的效果。。

  1. function disBlock(str,str2){
  2. var str=document.getElementById("c"+str);
  3. var p=document.getElementsByClassName("question");
  4. if (str.style.display !="block"){
  5. for ( i=1;i<9;i++ ){
  6. str3=i+"";
  7. str3="c"+str3;
  8. document.getElementById(str3).style.display="none";
  9. }
  10. for (i=0;i<p.length;i++){
  11. p[i].childNodes[0].style.fontWeight="400";
  12. p[i].childNodes[0].style.color="#fff";
  13. }
  14. str2.childNodes[0].style.fontWeight = "700";
  15. str2.childNodes[0].style.color="#FFE38C";
  16. str.style.display ="block";
  17. }else{
  18. str2.childNodes[0].style.fontWeight = "400";
  19. str2.childNodes[0].style.color="#fff";
  20. str.style.display ="none";
  21. }
  22. }

 

1个评论  标签: ,   

[js]网上看到的 “百度的图片轮换JS代码，支持FF”

2007年11月17日  
  1. var links = new Array();
  2. links[1] = "<a href="http://tongji.baidu.com" target="_blank">http://tongji.baidu.com</a>";
  3. links[2] = "<a href="http://hi.baidu.com/bdadd/blog/item/6f9f80b12e50cf57092302e3.html" target="_blank">http://hi.baidu.com/bdadd/blog/item/6f9f80b12e50cf57092302e3.html</a>";
  4. links[3] = "<a href="http://union.baidu.com/promo/dataunion/index.html" target="_blank">http://union.baidu.com/promo/dataunion/index.html</a>";
  5. links[4] = "<a href="http://www.umaz.cn" target="_blank">http://www.umaz.cn</a>";
  6. var imgs = new Array();
  7. for(var n = 1; n <= 5; n++) imgs[n] = new Image();
  8. imgs[1].src = "<a href="http://union.baidu.com/img/tongji550.gif" target="_blank">http://union.baidu.com/img/tongji550.gif</a>";
  9. imgs[2].src = "<a href="http://union.baidu.com/img/banner071031.jpg" target="_blank">http://union.baidu.com/img/banner071031.jpg</a>";
  10. imgs[3].src = "<a href="http://union.baidu.com/img/dataunion0711.jpg" target="_blank">http://union.baidu.com/img/dataunion0711.jpg</a>";
  11. imgs[4].src = "<a href="http://union.baidu.com/img/umaz13_550.jpg" target="_blank">http://union.baidu.com/img/umaz13_550.jpg</a>";
  12. var tits = new Array();
  13. tits[1] ="百度统计";
  14. tits[2] = "联盟杯摄影师大赛";
  15. tits[3] = "百度行业报告";
  16. tits[4] = "联盟志";
  17.  
  18. var imgwidth = 550;//图片宽度
  19. var imgheight = 134;//图片宽度
  20.  
  21. var str = "<style type='text/css'>";
  22. str += "#imgnv{display:none;position:absolute;bottom:-1px;right:0;height:16px;}#imgnv div{float:left;margin-right:1px;}";
  23. str += "#imgnv div.on,#imgnv div.off{margin-bottom:1px;width:30px;height:15px;line-height:18px!important;line-height:15px;font-size:9px;text-align:center;cursor:pointer;cursor:hand}";
  24. str += "#imgnv div.on{background:#CE0609;color:#FFF;font-weight:bold}";
  25. str += "#imgnv div.off{background:#323232;color:#FFF;text-decoration:none}";
  26. str += "#titnv{margin-top:3px;color:#000;text-align:center;display:none;}";
  27. str += "</style>";
  28. str += "<div style='position:relative'>";
  29. str += "<div><a id='dlink' href='" + links[1] + "' target='_blank'><img id='dimg' src='" + imgs[1].src + "' border='0' width='" + imgwidth + "' height='"+imgheight+"' style='filter:Alpha(opacity=100)' onmouseover='Pause(true)' onmouseout='Pause(false)'></a></div>";
  30.  
  31. //修改点1：循环添加内层div内容以增加个数
  32. str += "<div id='imgnv'><div id='it1' class='on' onmouseover='ImgSwitch(1, true)' onmouseout='Pause(false)'>1</div><div id='it2' class='off' onmouseover='ImgSwitch(2, true)' onmouseout='Pause(false)'>2</div><div id='it3' class='on' onmouseover='ImgSwitch(3, true)' onmouseout='Pause(false)'>3</div><div id='it4' class='off' onmouseover='ImgSwitch(4, true)' onmouseout='Pause(false)'>4</div></div>";
  33. str += "<div id='titnv'><b>" + tits[1] + "</b></div>";
  34. str += "</div>";
  35. document.write(str);
  36.  
  37. var oi = document.getElementById("dimg");
  38. var pause = false;
  39. var curid = 1;
  40. var lastid = 1;
  41. var sw = 1;
  42. var opacity = 100;
  43. var speed = 15;
  44. var delay = (document.all)? 400:700;
  45.  
  46. function SetAlpha(){
  47. if(document.all){
  48. if(oi.filters && oi.filters.Alpha) oi.filters.Alpha.opacity = opacity;
  49. }else{
  50. oi.style.MozOpacity = ((opacity >= 100)? 99:opacity) / 100;
  51. }
  52. }
  53.  
  54. function ImgSwitch(id, p){
  55. if(p){
  56. pause = true;
  57. opacity = 100;
  58. SetAlpha();
  59. }
  60. oi.src = imgs[id].src;
  61. document.getElementById("dlink").href = links[id];
  62. document.getElementById("it" + lastid).className = "off";
  63. document.getElementById("it" + id).className = "on";
  64. document.getElementById("titnv").innerHTML = "<b>" + tits[id] + "</b>";
  65. curid = lastid = id;
  66. }
  67.  
  68. function ScrollImg(){
  69. if(pause && opacity >= 100) return;
  70. if(sw == 0){
  71. opacity += 2;
  72. if(opacity > delay){ opacity = 100; sw = 1; }
  73. }
  74. if(sw == 1){
  75. opacity -= 3;
  76. if(opacity < 10){ opacity = 10; sw = 3; }
  77. }
  78. SetAlpha();
  79. if(sw != 3) return;
  80. sw = 0;
  81. curid++;
  82. //修改点2：这里的4也是个数
  83. if(curid > 4) curid = 1;
  84. ImgSwitch(curid, false);
  85. }
  86.  
  87. function Pause(s){
  88. pause = s;
  89. }
  90.  
  91. function StartScroll(){
  92. setInterval(ScrollImg, speed);
  93. }
  94.  
  95. function CheckLoad(){
  96. if (imgs[1].complete == true && imgs[2].complete == true) {
  97. clearInterval(checkid);
  98. setTimeout(StartScroll, 2000);
  99. }
  100. }
  101.  
  102. var checkid = setInterval(CheckLoad, 10);

0个评论  标签: ,   

[js]动态选择复选框

2007年11月15日  

找了好久的东西。很实用的东西，呵呵

  1. <form name="myform">
  2. <div style="width:120px;float:left;">
  3.          <input type="checkbox" name="action_code[]" value="a" id="a" >
  4. AAAAAA
  5.    </div>
  6.        <div style="width:120px;float:left;">
  7.            <input type="checkbox" name="action_code[]" value="b" id="b" >
  8.           BBBBBBB
  9.        </div>
  10.    <div style="width:120px;float:left;">
  11.          <input type="checkbox" name="action_code[]" value="c" id="c" >
  12. CCCCCC
  13.    </div>
  14.        <div style="width:120px;float:left;">
  15.            <input type="checkbox" name="action_code[]" value="d" id="d" >
  16. DDDDD       </div>
  17.        <div style="width:120px;float:left;">
  18.            <input type="checkbox" name="action_code[]" value="e" id="e" >
  19. EEEEE
  20.        </div>
  21.      <div style="width:120px;float:left;">
  22.            <input type="checkbox" name="action_code[]" value="f" id="f" >
  23. FFFFFF
  24.      </div>
  25. </form>
  26. <script defer="defer" language="javascript">
  27. var str="a,b,d",k = document.getElementsByName("action_code[]");
  28. str = str.split(",");
  29. for(L=0;L<str.length;L++){
  30. for(i=0;i<k.length;i++){
  31. if(str[L]==k[i].value){
  32. k[i].checked = true;
  33. }
  34. }
  35. }

无觅相关文章插件，快速提升流量

0个评论  标签:   

« 上一页下一页 »

这里都有我

分类

标签云

前端 笔记 设计师 themes 魔杰座 javascript logo 导向 想法 混搭 ico html 体验 css 吆喝 公开课 google xml 布局 1haideas 极客公园 ucd ps 用户心理 奇事 分析 猪八戒 bug asp 网站分析

最新文章