Diaoyude,专注web开发!

HTML5兼容IE的写法

By Diaoyude  | 发布时间：05-17 10:25  | Hits: 11 | Post in： WEB开发 , Html5+Css3
HTML5兼容IE的写法

  1. <!DOCTYPE html>
  2. <!–[if IE]>
  3. <meta http-equiv=”X-UA-Compatible” content=”IE=8″ />
  4. <![endif]–>
  5. <!–[if IE 7]>
  6. <meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
  7. <![endif]–>
  8. <!–[if IE 6]>
  9. <meta http-equiv=”X-UA-Compatible” content=”IE=6″ />
  10. <![endif]–&g

Tags： html5 0 comments

Jquery-css3-before-after属性 仿iphone图标效果

By Diaoyude  | 发布时间：05-09 10:39  | Hits: 23 | Post in： WEB开发 , Html5+Css3
Jquery-css3图片仿iphone图标效果

Jquery-css3图片仿iphone图标效果

运用css3的选择器 afterbefore

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function(){

  5.     $('#demo img').each(function() {
  6. &n

Tags： jquery css3 0 comments

Css3-按钮整理2

By Diaoyude  | 发布时间：05-09 10:25  | Hits: 18 | Post in： WEB开发 , Html5+Css3
Css3-按钮整理2
css3渐变gradient  css3圆角border-radius  css3阴影shadow

css3渐变gradient css3圆角border-radius css3阴影shadow

  1.     text-shadow: 0 1px 1px rgba(0,0,0,.3);
  2.     -webkit-border-radius: .5em;
  3.     -moz-border-radius: .5em;
  4.     border-radius: .5em;
  5.     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2

Tags： css3 css3按钮 0 comments

Jquery-事件

By Diaoyude  | 发布时间：04-24 09:50  | Hits: 39 | Post in： WEB开发 , Jquery-Js
jquery---事件，简单整理
一些简单换肤，addClass,removeClass,toggleClass

  1. <title>JQuery--事件</title>
  2. <script src="js/jquery.js" type="text/javascript"></script>
  3. <style type="text/css">


  6. .botton {background-color:#ccc;border:1px solid #333;cursor: pointer;width:100px;
  7.  &

Tags： jquery jquery事件 0 comments

IE9的csshack几种写法

By Diaoyude  | 发布时间：04-17 14:57  | Hits: 66 | Post in： WEB开发 , Div-Css
IE9的csshack几种写法

方式1----推荐：

  1. <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
  2. <!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
  3. <!--[if IE 8 ]>    <html cla

Tags： ie9 css css hack ie9 hack 2 comments