预览模式: 普通 | 列表

选择只因为逃避,享受是因为无奈

现在是娱乐时代,但大家真的乐在其中吗?我看未必。其实是在“寻欢作乐”——寻找欢愉,制作快乐,在路上。

人们去做一件事或正在做一件事,或许并不是因为他们喜欢或不讨厌,而很可能是因为逃避而选择,因抵触而反选,因无奈而求其次。

比如说玩游戏,有多少人是真的喜欢玩游戏呢?之前我是非常讨厌那些玩游戏入迷的人,认为是痴,是病,是不健康的人生观与价值观,但我现在明白了也看开了,不是因为游戏有多么有趣多么好玩,而是因为现实生活中的很多东西太不好玩了,因为游戏与现实有比较大的差异,能让人在现实中得不到的时候在游戏里满足一下;在现实中只有痛苦与无奈的时候,在游戏里片刻的快乐与幸福。

当你看到人们的选择千差万别时,请不要从品位、档次、学识、审美等方面去评价,或许你看到的不是人真实意愿的表达,比如说我自己,衣着方面我喜欢的风格就我目前的条件没能满足,虽然我有我要求,有我的个性表达欲望,但我没能表达出来,现在的东西并不是我想要的,但我不得已而要之。

比如看娱乐节目,其实节目里的谈话与表演都很无聊,无聊到有点庸俗、低级的味道了,但电视台还是堂而皇之地制作、播放,人们也或主动或被动地在收视。这样的节目我也看过,所以知道是多么的无趣(但或许有人会觉得有趣吧),那我又是怎么看下去的呢?当时很累,精神状态极差,不想运转大脑,不想挪动身体,不想去换自己想看的频道。

更好的选择是一种理由,相反的选择也是一种理由。工作中的一丝不苟,绷紧的神经需要得到彻底的放松,只有选择与工作状态完全相反的东西才行,所以就有了人的两面性、性格的分裂,就有了“饱暖思淫欲”,就有了物质与精神这两个或许会截然不同的世界。

查看更多...

Tags: 选择 享受 逃避 趣味

分类:闲话 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1665

JS控制对象的显示或隐藏属性

点击链接可以把对象的显示与隐藏状态来回切换。

XML/HTML代码
  1. <script language="JavaScript">  
  2. function showneirong(i,a){  
  3.     if (i.style.display == "none") {  
  4.         i.style.display = "";  
  5.         document.getElementById("tiaokuan").innerHTML="显示信息";  
  6.     }else{  
  7.         i.style.display = "none";  
  8.         document.getElementById("tiaokuan").innerHTML="隐藏信息";  
  9.     }  
  10. }  
  11.   
  12. </script>  
  13.   
  14. <span id="tiaokuan" style="cursor:hand" onClick="showneirong(nr,tiaokuan)" >显示信息</span>  
  15. <span id="nr" style="display:none;  border: solid 1px #666666; padding:10px">test info</span>  

点击弹出一个DIV层的模式:

XML/HTML代码
  1. <html>  
  2. <body>  
  3. <script language=javascript>  
  4. function toExit(){<!--对隐藏层的操作-->  
  5. var args=toExit.arguments;<!--获取函数的输入值-->  
  6. var visible=args[0];<!--函数的第一个输入值-->  
  7. if(document.all){<!--对于ie浏览器-->  
  8.   if(visible=='show')visible='visible';<!--设置隐藏层显示-->  
  9.   if(visible=='hide')visible='hidden';<!--设置隐藏层消失-->  
  10.   theObj=eval("document.all['"+args[1]+"']");  
  11.   if(theObj)theObj.style.visibility=visible;<!--执行上述操作-->  
  12.   }  
  13. }  
  14.   
  15. </script>  
  16.   
  17. <div id=div32  
  18. style="background:#ffffff;border:1px solid #f0f0f0;HEIGHT: 100px; LEFT: 10px; POSITION: absolute; TOP: 10px; VISIBILITY: hidden; WIDTH: 180px; Z-INDEX: 1;">  
  19. <div style="height:25px;clear:both;"><a href="javascript:toExit('hide','div32')">关闭此层</a>  
  20. </div>  
  21. <div style="overflow-y:scroll;clear:both;HEIGHT: 100px;"><font>欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!欢迎来到javascript世界!<p>这里有你意想不到奇妙效果!欢迎来到javascript世界!这里有你意想不到奇妙效果!<b></b></font>  
  22. </div>  
  23.   
  24. </div>  
  25. <a href="javascript:toExit('show','div32')"><font color="#FF9900">打开隐藏层</font></a>  
  26.   
  27.   
  28. </body>  
  29.   
  30. </html>  

 

一点一滴,备忘而已。

Tags: js display 显示与隐藏 DIV

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1969

关于iframe 高度自动伸缩的js代码

iframe高度自适应父窗口的高度iframe高度自动伸缩

今天遇到一奇怪现象:iframe随内容高度变化而变化的效果在本地测试可以实现,但在远程的服务器上去没有效果。

先用的是下面的代码:

XML/HTML代码
  1. onload="javascript:this.height=this.contentWindow.document.body.scrollHeight+30;"  

 

网上也有人建议用下面的代码

XML/HTML代码
  1. <iframe onload="javascript:this.height=Math.max(this.contentWindow.document.body.scrollHeight, contentWindow.document.documentElement.scrollHeight);"></iframe>  

但遗憾的是都没有能解决问题。

查看更多...

Tags: iframe 高度自适应 自动伸缩

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1676

js与CSS实现文字无缝向上固定高度滚屏

用js与CSS实现的文字按固定的行数向上一屏一屏地滚动。js文字分屏滚动效果、js 文字循环滚动js文字无缝滚动

效果如下图:

效果描述:按预设的行数向上一屏一屏地滚动文字,并且中间会有停顿,无缝连续的效果。通过scrollUlTestn可以在一个页面里多次使用,如DIV的id为scrollUlTest1,scrollUlTest2,则在javascript里定义相应的s1,s2就可以了。

很好用的东西。

JS代码比较简单,实际应用修改起来不难:

JavaScript代码
  1. var ScrollUl=function(containerId, numViews, showTime, scrollTime)  
  2. {  
  3. //定时器变量,因为有移到层上时停止滚动的事件处理,而那时可能还没开始定时器呢,所以先把这个变量声明出来。  
  4. this.timer=null;  
  5. this.numViews = numViews;  
  6. this.showTime = showTime;  
  7. this.scrollTime = scrollTime;  
  8.   
  9. this.container = document.getElementById(containerId);  
  10. var ulChild = this.container.getElementsByTagName('ul');  
  11. //这里只有一个 ul 节点,取得它  
  12. var ul = ulChild[0];  
  13. //ul 是未使用 CSS 明确指定高度的,IE 中用 realstyle 取不到高度,只能得到 auto,而 getBoundingClientRect() 是 IE 和 FF 都支持的方式。  
  14. var rect = ul.getBoundingClientRect();  
  15. var heightAll = rect.bottom - rect.top;  
  16. //每一屏的实际像素高度  
  17. var heightView = heightAll / this.numViews;  
  18. //每移动1像素用的毫秒数  
  19. var msPerPx = this.scrollTime / heightView;  
  20.   
  21. //复制出一份来,接在原块的后面,用于头接尾的显示  
  22. var ulCopy = ul.cloneNode(true);  
  23. ulCopy.style.top = heightAll+'px';  
  24. this.container.appendChild(ulCopy);  
  25.   
  26. //要在事件处理函数中使用当前类,得把 this 赋值给一个此范围的变量,如 itself。其实此范围内的变量都是直接可用的,如:heightView, msPerPx  
  27. var itself = this;  
  28. //向上滚动的函数  
  29. var scrollView = function()  
  30. {  
  31. var oldTop = (''==ul.style.top) ? 0: parseInt(ul.style.top) ;  
  32. //移动到顶后,把位置复原,两个块继续从 0 开始向上移。  
  33. if (oldTop < -heightAll)  
  34. {  
  35. oldTop = 0;  
  36. }  
  37. ul.style.top = (oldTop - 1) +'px';  
  38. ulCopy.style.top = (oldTop + heightAll- 1) +'px';  
  39.   
  40. //每滚一整屏多停一会。oldTop-1 是为了让其停在整数位置。  
  41. var duration = (0 == ((oldTop-1) % heightView)) ? itself.showTime:msPerPx;  
  42. itself.timer = setTimeout(scrollView, duration);  
  43. };  
  44.   
  45. //把 slide 定义为 prototype 的方法时,似乎这样 setTimeout(itself.slide, itself.showTime); 定时操作不灵,而只能是局部函数才能定时操作,如果带参数,还得封装成匿名函数:  
  46. itself.timer = setTimeout(scrollView, itself.showTime);  
  47. //鼠标移上时停止滚动  
  48. this.container.onmouseover = function()  
  49. {  
  50. window.clearTimeout(itself.timer);  
  51. };  
  52. //鼠标移开时继续滚动,不用区分当时是在整屏停止还是滚动中了,全都按静止时间来延时就得了。  
  53. this.container.onmouseout = function()  
  54. {  
  55. itself.timer = setTimeout(scrollView, itself.showTime);  
  56. };  
  57. };  
  58. window.onload = function()  
  59. {  
  60. //第一个总共 20 行,每次显示 4 行,分 5 屏  
  61. var s1 = new ScrollUl('scrollUlTest1', 5, 3000, 1000);  
  62. //第二个总共 18 行,每次显示 6 行,分 3 屏  
  63. //var s2 = new ScrollUl('scrollUlTest2', 3, 3000, 2000);  
  64. };  

查看更多...

Tags: js CSS 文字向上滚屏 文字特效 文字循环滚动 文字无缝滚动

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4209

JS和CSS实现的点击小图片弹出DIV层显示大图片(点击小图显示大图)

先是显示小图片或图片缩小显示,点击后显示大图(原图),用JS+CSS实现。

可用于相册或产品图片展示功能。

显示小图片时效果如下:

点击后显示大图片的效果图如下:

查看更多...

Tags: js CSS 相册 显示大图 点击小图显示大图

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5080

以下是亲身经历体会的一些小经验,没有经过更多的实践检验,更没有去理论上论证过,“至于你信不信,我反正信了”。

1、如果是用硬笔(比如铅笔、签字笔、圆珠笔等)在薄的硬的纸上写字,比如单张纸放在桌面上,这时要轻轻地写,才能写得比较好看。相反,如果是在比较厚比较软比较有弹性的纸上写字,则应该用力点。薄而硬的时候,用力写则太钢而无柔性,字容易写得像铁丝一样,而轻点写,则能尽量表现出运笔的力量轻重;软而厚的纸上如果不用力写,则运笔的力道全部被纸的弹性抵消了,字的形态没法把握,明白了吗?

一句话:硬纸轻写,软纸重写。

 

2、软胶的东西容易粘染上污垢,硬胶的塑料则不会。比如说牙刷,如果柄的部位有软胶成份,则很容易变黑,注意,那种黑色的东西是可以去掉的,就像是粘在上面的一样,可能软胶的组织没硬胶那么致密比较容易蓄水,这道理有点类似潮湿的土壤容易长青苔吧。

一句话:硬则干净软则易脏。

查看更多...

Tags: 洗衣领 洗眼镜片 经验

分类:闲话 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1721