WEB开发笔记--cobbysung的成长历程

  • 在网上找到一个CSS hack列表，记录在这里以分析css的浏览器兼容性

    作者：CobbySung| 分类目录：DIV+CSS| 发布时间：2012-05-22| 0 条评论|

    CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. (更多…)

    标签：

  • 设置宽度，汉字正常换行，输入字母/数字不换行的解决方案分析

    作者：CobbySung| 分类目录：PHP+MySQL| 发布时间：2012-05-14| 0 条评论|

    我们经常需要“修复”一个老生常谈的“bug”，那就是文本的自动换行问题。在专业术语上，这种期望得到的渲染现象被称作“word wrap”，即文本处理器有能力把超出页边的整个词自动传到下一行。 (更多…)

    标签：

  • CSS疑难杂症

    作者：CobbySung| 分类目录：PHP+MySQL| 发布时间：2012-05-13| 0 条评论|

    一、让IE6支持PNG透明

    一个IE6的Bug引起了大麻烦, 他不支持透明的PNG图片。

    你需要使用一个css滤镜

    *html #image-style {

    background-image: none;

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”fil

    ename.png”, sizingMethod=”scale”);

    }

    (更多…)

    标签：

  • CSS设置div透明度-FF3.5+ 已不支持-moz-opacity

    作者：CobbySung| 分类目录：PHP+MySQL| 发布时间：2012-05-13| 0 条评论|

    让div 透明，兼容IE FF

    transparent_class{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}

    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    (更多…)

    标签：

  • Yahoo(YUI) CSS Reset

    作者：CobbySung| 分类目录：PHP+MySQL| 发布时间：2012-05-13| 0 条评论|

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
    form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    fieldset,img {
    border: 0;
    }
    address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
    }
    ol,ul {
    list-style: none;
    }
    caption,th {
    text-align: left;
    }
    h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    }
    q:before,q:after {
    content:”;
    }
    abbr,acronym {
    border: 0;
    }

]]>

标签：

  • Easy Slider: 功能强大简单易用的jQuery滑动门插件

    作者：CobbySung| 分类目录：PHP+MySQL| 发布时间：2012-05-13| 0 条评论|

    Easy Slider 是一个滑动门插件，支持任何图片或内容，当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置，可通过CSS来进行完全的控制。所以，基本上你只需要链接这个插件文件后，设置好内容，然后样式化CSS就可以了。

    EasySlider的功能

    • 支持横向或纵向滑动
    • 支持自动滚动
    • 支持连续滑动
    • “上一屏”和”下一屏按钮”
    • “到第一屏”和”最后一屏”按钮
    • 隐藏的控制
    • 可选的控制按钮包围标记
    • 同一页面可支持多个滑动门
    • 可设置滑动速度、是否自动、停顿间隔等等

    EasySlider的使用方法

    1. 首先是html标记

    	
      	
  • content here...
    • 

  • content here...
    • 

  • content here...
    • 

    	...	
    

    previous
    Next
    


    • 

    注: 每个li里面的内容就是一个滑动层，下面的span用于滑动导航。
    

    2. 然后调用jquery库和EasySlider插件
    

    

    

    

    注: 放于

    之前
    

    3. 初始化插件代码
    

    

    

    

    注: 放于上面的代码下面，其中的#sidebar对应HTML标记中div元素的CSS选择器，指明脚本应用于这个层，你也可以使用class名称，那这里就写成类似于
    $(“.list”)。
    

    .easyslider 拥有许多参数，具体查看作者的原文.
    

    4. CSS样式定义
    

    

    #slider ul, #slider li{
    

    	margin:0;
    

    	padding:0;
    

    	list-style:none;
    

    	}
    

    #slider, #slider li{
    

    	width:500px;
    

    	height:200px;
    

    	overflow:hidden;
    

    	}
    

    span#prevBtn{}span#nextBtn{}
    

    

    注: 根据你自己的需要进行样式化。
    

    这样就OK了。
    

    EasySlider的DEMO演示
    


    EasySlider的原文链接
    


    

    
								
    标签：
    
							
														
  • 
								
								
    瀑布流布局浅析 转自淘宝UED
    		
								
								
    
										作者：CobbySung|
										分类目录：PHP+MySQL|
										发布时间：2012-05-12|
										0 条评论|
																		
    
								
								
    

    简介
    

    

    如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？
    

    类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如
    
								
    标签：
    
							
    • 
														
  • 
								
								
    php的大小写敏感问题整理
    		
								
								
    
										作者：CobbySung|
										分类目录：PHP+MySQL|
										发布时间：2012-05-11|
										0 条评论|
																		
    
								
								
    

    

    PHP对大小写敏感问题的处理比较乱，写代码时可能偶尔出问题，所以这里总结一下。 
    但我不是鼓励大家去用这些规则。 推荐大家始终坚持“大小写敏感”，遵循统一的代码规范。 
    一、大小写敏感 
    1. 变量名区分大小写 
    所有变量均区分大小写，包括普通变量以以及$_GET, $_POST, $_REQUEST, $_COOKIE, $_SESSION, $GLOBALS, $_SERVER, $_FILES, $_ENV等； 
    复制代码 代码如下:
    $abc = ‘abcd’; 
    echo $abc; //输出 ‘abcd’ 
    echo $aBc; //无输出 
    echo $ABC; //无输出 
    

    2. 常量名默认区分大小写，通常都写为大写 
    （但没找到能改变这个默认的配置项，求解） 
    复制代码 代码如下:
    1 define(“ABC”,”Hello World”); 
    echo ABC; //输出 Hello World 
    echo abc; //输出 abc 
    

    3. php.ini配置项指令区分大小写 
    如 file_uploads = 1 不能写成 File_uploads = 1 
    二、大小写不敏感 
    4. 函数名、方法名、类名 不区分大小写，但推荐使用与定义时相同的名字 
    复制代码 代码如下:
    function show(){ 
    echo “Hello World”; 
    } 
    show(); //输出 Hello World 推荐写法 
    SHOW(); //输出 Hello World 
    

    复制代码 代码如下:
    class cls{ 
    static function func(){ 
    echo “hello world”; 
    } 
    } 
    Cls::FunC(); //输出hello world 
    

    5. 魔术常量不区分大小写，推荐大写 
    包括：__LINE__、__FILE__、__DIR__、__FUNCTION__、__CLASS__、__METHOD__、__NAMESPACE__。 
    复制代码 代码如下:
    echo __line__; //输出 2 
    echo __LINE__; //输出 3 
    

    6. NULL、TRUE、FALSE不区分大小写 
    复制代码 代码如下:
    $a = null; 
    $b = NULL; 
    $c = true; 
    $d = TRUE; 
    $e = false; 
    $f = FALSE; 
    var_dump($a == $b); //输出 boolean true 
    var_dump($c == $d); //输出 boolean true 
    var_dump($e == $f); //输出 boolean true 
    

    7.类型强制转换，不区分大小写，包括： 
    * (int)，(integer) – 转换成整型 
    * (bool)，(boolean) – 转换成布尔型 
    * (float)，(double)，(real) – 转换成浮点型 
    * (string) – 转换成字符串 
    * (array) – 转换成数组 
    * (object) – 转换成对象 
    复制代码 代码如下:
    $a=1; 
    var_dump($a); //输出 int 1 
    $b=(STRING)$a; 
    var_dump($b); //输出string ’1′ (length=1) 
    $c=(string)$a; 
    var_dump($c); //输出string ’1′ (length=1) 
    

    

    • 

    ]]>
    
								
    标签：
    
							
														
  • 
								
								
    PHP常用正则表达式汇总
    		
								
								
    
										作者：CobbySung|
										分类目录：PHP+MySQL|
										发布时间：2012-05-11|
										0 条评论|
																		
    
								
								
    

    

    1.
    
								
    标签：
    
							
    • 
														
  • 
								
								
    解决IE6的PNG透明JS插件 DD_belatedPNG
    		
								
								
    
										作者：CobbySung|
										分类目录：PHP+MySQL|
										发布时间：2012-05-11|
										0 条评论|
																		
    
								
								
    IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件，今天抽空把这个发上来。
    虽然之前在博客里发过一款jquery的png插件，但是不支持背景平铺。
    DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制，以达到半透明的效果，并且能支持background-position和background-repeat属性，支持伪类。是一款不错的值得推荐的插件，用法也比较简单。
    

    
								
    标签：
    
							
    • 
																					
					
    
					
    
						
						下一页 »
					
    
				
    
					
		
		
    
			
    

						
    
		
    
			
    
				CobbySung
				腾讯微博
			
    
			
    CobbySung，专注WEB开发、分享生活、记录工作、关于一切，这里有不一样的惊喜！
    
		
    
		
    
	
    

	
    
		
    分类
    
		
		
    
	
    
	
	
    
		
	
    

			
      
			
    随机文章
    
			
		
    
	
	
    
		
    最新评论
    
		
    
			

      

    		
    
	
    
	
	
    
		
	
    
	

			
    
			
    标签云
    
			
    
		
       
	
	        
		
              
			
    存档检索
    
			
			
    
		
    
	

	

				

			
    
		
    
	





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