亚洲男女一区二区三区,亚洲综合AV在线在线播放,亚洲变态另类一区二区三区

Javascript selectarea image

fl1429 — Tue, 23 Jun 2009 10:51:00 GMT

效果预览�Q?br />

目的�Q�用户上传一张图片后�Q�可以对自己的大囄��q�行�Q�选择区域宿略为小图，�Ҏ��有很多，可以google �Q?javascript crop image,javascript thumbnail image

步骤�Q?br /> 1�Q�参�?
http://www.webmotionuk.co.uk/jquery/image_upload_crop.php
下蝲后，把php服务器端的代码去掉，只要client端的

2�Q�注意点�Q�原来的上传后，囄��太大或者太��，都会以原大小昄��Q�这样不�?br /> �Q?�Q�，修改昄��width�Q?�?height
" style="float: left; margin-right: 10px;" id="thumbnail" name="thumbnail" width="400" height="400" alt="Create Thumbnail" />

" style="position: relative;" width="75" height="100" alt="Thumbnail Preview" />

�Q?�Q�，获得选区的width�Q�height需要改变，不然宿略囑֒��图不对�?br /> width: Math.round(scaleX * 400) + 'px', // 400��是我上面的i㎎的width
     height: Math.round(scaleY * 400) + 'px',

�Q?�Q�，可以改变选区的比列，3�Q?�Q?1�Q? �{�等
$('#thumbnail').imgAreaSelect({ aspectRatio: '3:4', onSelectChange: preview });

�Q?�Q�，把小图上传到后台�Q�取得到是x1�Q�y1�Q�width�Q�height�{�等�Q�这样后台就可以�Ҏ��参数操作囄��了，我做的话�Q�只是取了这四个参数��ok�?br />






另外后台可以参考我�q�里�Q�ruby代码
http://www.tkk7.com/fl1429/archive/2009/06/19/283282.html

昄��囄��问题可以参考这里：�Q�图片上传到后台后，需要处理�ؓ大图片显�C�的大小�Q�这样小囄��才能相对应）
http://www.tkk7.com/fl1429/archive/2009/06/22/283629.html

ref�Q?br /> http://odyniec.net/projects/imgareaselect/

fl1429 2009-06-23 18:51 发表评论

Javascript use setTimeout

fl1429 — Tue, 16 Jun 2009 10:55:00 GMT

我们知道window onload或者body的onload�Ҏ��Q�都是在��面加蝲完后才执行的�Q�也��像是组最后执行的js�Ҏ��Q�那么如何让我需要的js function 最后执行呢�Q�或者定义其执行��序�Q�那��需要用刎ͼ�setTimeout�Ҏ��?br />
使用�Ҏ��demo�Q?br />

setTimeout(函数�Q�时�? 意�ؓ延迟执行的时��_��只执行一��?br />
ref�Q?br /> http://blog.csdn.net/lne818/archive/2008/03/03/2143753.aspx

fl1429 2009-06-16 18:55 发表评论

Javascript set radio checked

fl1429 — Tue, 16 Jun 2009 10:45:00 GMT

最�q�在做需要动态操作html的radio �Q�按照这�?br /> http://www.java2s.com/Tutorial/JavaScript/0200__Form/Radiochecked.htm
做了�Q�但是却可以把两个按钮同旉��中�Q�这��h��然不行的�Q�最后利用jquery�l�解决了�Q�需要的jquery lib误��行到官方下蝲�?br />
html代码�Q?br />

Js代码�Q?br />

<%  if(get_client_info('gender').to_s=='1') %>
    <script type="text/javascript">
      $(function() { // set gender from DB
        var $radios = $('input:radio[name=gender]');
        if($radios.is(':checked') === false) {
          $radios.filter('[value=1]').attr('checked', true);
        }
      });
    script>

  <% elsif(get_client_info('gender').to_s =='0') %>
    <script>
      $(function() {
        var $radios = $('input:radio[name=gender]');
        if($radios.is(':checked') === false) {
          $radios.filter('[value=0]').attr('checked', true);
        }
      });
    script>
  <% end %>

ref�Q?br /> http://stackoverflow.com/questions/871063/how-to-set-radio-option-checked-onload-with-jquery

fl1429 2009-06-16 18:45 发表评论

JavaScript 验证��览器是否支持javascript

fl1429 — Mon, 11 May 2009 09:56:00 GMT

一些网站只有客��L��js的验�?�q�样��q��一些hacher一些可��之��Z��,不信大家��试一些网站的注册功能看看,有部分网站只有客��L��验证,我�ؓ了达到客��L��验证,先是判断��览器是否支持js,如果不支�?提示信息,然后屏蔽掉发送按�?/p>

效果:

先来看看别的�|�站是怎么做的:

google.com的登�? 客户�?和服务器端都验证�?�q�且提示信息一��L��

baidu.com 的登�? 屏蔽了密码输入框

http://fanfou.com/register : 客户端和后台都验证了,但是提示的信息方式不一�?/p>

http://login.xiaonei.com/Login.do : 用户��用Js后有提示信息

我的实现步骤:

思想:

1,默认(��用js)submit按钮式不昄��?如果启用�?��显�C�submit按钮

2,通过昄��提示信息

代码:

  <noscript>
        <div  style="color:red">您的���览器不支持javascript,部分功能无法使用div>
      noscript>
  <div id="js_support" style="display:none">
      <p id="pSubmit"><input type="submit" name="registerform" value="�? �?/span>"  onclick="return submitform();"/>p>
      div>
      <script type="text/javascript">
  $("js_support").style.display = "block";
script>

ref:

http://space.cnblogs.com/question/2593/

http://www.tkk7.com/kingkong/archive/2007/05/26/120202.html

http://www.plus2net.com/javascript_tutorial/javascript_support.php

fl1429 2009-05-11 17:56 发表评论

Ajax 表单验证

fl1429 — Mon, 11 May 2009 09:24:00 GMT

最�q�做了一个项目中的登录注册模�?大部分功能从一个网站里扣出来的,部分功能自己修改,自认��是有点�h性化�?/p>

兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6

效果:一边输入一边实现验�?/p>

环境:ruby 1.8.6 + rails 2.1.0 + windows

核心代码:

html:

��览器禁用javascript时显�C�提�C�Z��?

      <noscript>
        <div  style="color:red">您的���览器不支持javascript,部分功能无法使用div>
      noscript>

当浏览器��用JS�?提交按钮不可�?实现客户端验�?

<div id="js_support" style="display:none">
      <p id="pSubmit"><input type="submit" name="registerform" value="�? �?/span>"  onclick="return submitform();"/>p>
      div>
      
      <script type="text/javascript">
  $("js_support").style.display = "block";
script>

通过javascript的onfocus和onkeyup实现监听表单�?

<input  type="text"  class="textbox" onfocus="checkLogin(this);" onkeyup="checkLogin(this);" style="width:120px;" />

ajax的自动验�?其中用到一个bp.js,是已�l�封装好的xmlhttprequest对象�?可以到我下面的项目中下蝲�?/p>

function checkLogin(node) {
    clearError();
    if (bp.String.trim(node.value)!="") {
      var url = "/test/response_validate";
      var params = [];
      params["command"] = "logincheck";
      params["login"] = encodeURI(bp.String.trim(node.value));
      var v = validatePath("login",params["login"]);
      if (v==""){
        bp.Io.XhrGet({
          url: url,
          mimeType: "text/json",
          params: params,
          load: function(type, data, e) {
            if (data==true){
              loginError = document.getElementById("valstatus").innerHTML = '��d��名已存在';
              document.getElementById("loginValidate").className = "icon_cross";
              node.className = "input_error";
              loginValid = false;
            } else {
              loginError = "";
              document.getElementById("loginValidate").className = "icon_ok";
              node.className = "textbox";
              loginValid = true;
            }
          },
          error: function(type, data, e) {}
        });
      } else {
        loginError = document.getElementById("valstatus").innerHTML = v;
        document.getElementById("loginValidate").className = "icon_cross";
        node.className = "input_error";
        loginValid = false
      }
    } else {
      loginError = validatePath("login", "");
      document.getElementById("loginValidate").className = "";
      node.className = "textbox";
    }
  }

后台:

�q�个是rails的后�?通过render :partial�q�回数据�l�客��L��,当然可以是�Q何��^��C��?例如java�q�_��下的可以用servlet的out.println(...)�q�回

  def response_validate
       if params[:login]
      name = params[:login]
      puts name
      if name == "aaaaaa"
      @value = true
      render :partial => 'show_info'
      else
        @value = false
        render :partial => 'show_info'
      end  
    end
  end

完整源码下蝲:

http://www.namipan.com/d/0c7456748d0877cb1cb939583f14eadce76dfb2118920100

fl1429 2009-05-11 17:24 发表评论

Rails Ajax 成功使用xmlHttpRequest

fl1429 — Fri, 08 May 2009 10:54:00 GMT

用了rails�?好久没有用xmlHttpRequest对象�?因�ؓrails把xmlHttpRequest�l�封装了,rails自带了很多ajax�Ҏ��,今天用了下xmlhttprequest,�q�真遇到不少�ȝ��

��试通过:

opera 9.6 + IE 6.0 + FF 3 + chrome 2

html:

<span id="valstatus">span>
<td><input name="loginname" type="text" id="ctl00_main_content_txtLogin" class="textbox" onfocus="checkLogin(this);" onkeyup="checkLogin(this);" style="width:120px;" />td>

javascript:

  function createXmlHttpRequest(){ //创徏对象
    try{
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
      try{
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }catch(e2){
        xmlHttp = false;
      }
    }
    if(!xmlHttp && typeof XMLHttpRequest != "undefined")
    {
      xmlHttp = new XMLHttpRequest();
    }  
  }
  
    function checkLogin(node){ // html中触发的js函数
    var loginname = document.getElementById('ctl00_main_content_txtLogin').value;
    createXmlHttpRequest();
    xmlHttp.open("Get","/home/response_validate?login="+loginname+"&ts="+new Date().toString(),true);
    xmlHttp.send(null);
    xmlHttp.onreadystatechange = processor; //注意�q�里processor不能有括�?
  }
  
    function processor(){   //回调函数
    if(xmlHttp.readyState == 4  || xmlHttp.readyState == 'complete'){ //注意S要大�?
      if (xmlHttp.status == 200){
        var    responsetext = xmlHttp.responseText;      
        if((responsetext.toString()) == "true"){
          loginError = document.getElementById("valstatus").innerHTML = '该登录名已经被���?/span>';   
          
        }else{
         alert("���试");
        }
      }
    }
  }

服务器端:

  def response_validate
    @login_name = params[:login]    
    @value = true
   render :partial=>'response_validate'
  end

partial:

<%= @value %>

�ȝ��:

1,rails中服务器�q�回text数据,通过render的方�?不想java中是通过 out.println �q�回�?/p>

2,xmlHttp.onreadystatechange = processor;�q�里的processor后不能有(),不知道�ؓ什�?不然只能�q�回�?

3,readyState 的s必须大写,不然在opera和ff中会有bug�?/p>

4,数据改变为string,js是通过toString()�Ҏ��,例如 responsetext.toString()

5,��Z��防止�~�存问题可以再发送请求的时候加个随机的数据,例如上面�?xmlHttp.open("Get","/home/response_validate?login="+loginname+"&ts="+new Date().toString(),true);

ref:

http://www.cnblogs.com/chy710/archive/2007/04/15/713868.html

http://bbs.blueidea.com/thread-2764862-1-1.html

http://topic.csdn.net/u/20081007/08/d48c3061-760f-4831-9187-540b0be5eb31.html

http://www.tctl.com.cn/accp/1472/1473/50006.html

fl1429 2009-05-08 18:54 发表评论

css 背景透明

fl1429 — Mon, 27 Apr 2009 05:05:00 GMT

效果预览:

css:

   1:  <style type="text/css">

2:

  28:  style>

html:

1:

   2:  class="alpha1">

   3:    class="ap2">

   4:    背景为红�?#FF0000)�Q�透明�?0%�?lt;/p>

5:

   6:     class="alpha2">

7:

fl1429 2009-04-27 13:05 发表评论

css 横排

fl1429 — Mon, 27 Apr 2009 05:01:00 GMT

效果预览:

css:

  <style   type="text/css">

  style>

html:

  <div   class="table_tr">

  <div   class="table_tile">top0div>

  <div   class="table_tile_">top1div>

  <div   class="table_tile">top2div>

  <div   class="table_tile">top3div>

  div>

  <div   class="table_tr">

  <div   class="table_tile_bottom">bottom0div>

  <div   class="table_tile_bottom">bottom1div>

  <div   class="table_tile_bottom">bottom2div>

  <div   class="table_tile_bottom">bottom3div>

  div>

或者来个更��单的:

<style>

 .float_left{

  text-align:left;

  height:   20px;

  width:   25%;

  float:   left;

style>

<div class = "float_left">asdasddiv>

<div class = "float_left">asdasddiv>

<div class = "float_left">whydiv>

fl1429 2009-04-27 13:01 发表评论

fl1429 — Fri, 17 Apr 2009 09:38:00 GMT

记得以前在学校的时�?例如要修改信�?需要要修改的部分的值显�C�出�?都是先把数据传到后台,然后再在前台昄��?��x��真够�W�的,�q�个可以在客��L��实现的,何必要传到后台呢

环境 : rails �?/p>

例如:

我点��M��改后昄��成这�?

关键实现�q�程:

1,列表部分,即第一副图,蓝色部分卛_��C��传�?/p>

>






      ><%= link_to image_tag('/images/cs/edit-icon.gif'),{},{:onclick =>"show_div('" + group.id.to_s + "','" + group.group_name.to_s + "','" + group.display_order.to_s + "','" + group.status.to_s + "','" + group.group_comment.to_s + "');return false;" } %>>


<% end %>
<% end %>

<% i=0 %> <% if @group_page %> <% for group in @group_page %> <% i+=1 %>
<%= group.id.to_s %>	<%= group.group_name==nil ? '': group.group_name.to_s %>	<%= group.display_order==nil ? '': group.display_order.to_s %>	<%= group.update_dt.strftime("%Y-%m-%d") %>	<%= group.status.to_s == '0' ? '正常': "��用" %>	<%= group.group_comment==nil ? '': group.group_comment.to_s %>	<%= link_to image_tag('/images/cs/hr.gif'),{:action=>'deletegroup',:id=>group.id.to_s},{:confirm=>'��定要删除吗?'} %>

2,js函数部分

�q�样你就实现了客��L��利用js传�?..............

fl1429 2009-04-17 17:38 发表评论

fl1429 — Thu, 16 Apr 2009 11:40:00 GMT

js改变下拉框的昄��

ref�Q?/font>

http://www.javascriptkit.com/jsref/select.shtml

js验证为正整数

if(value <0 || value!=parseInt(value) ){
alert("不是正整�?);
}else{
alert("是正整数");
}

js发送表�?�Ҏ��一): check_input 是js函数,但是�q�个�Ҏ��会把��面内所有的表单都发送掉

<% form_tag( {:controller=>"transaction",:action=>"check_cid"},{:name=>"form1",:method=>"post",:multipart=>"true" ,:onsubmit=>”return check_input();”}) do %>

<% end %>

js发送表�?�Ҏ��?: check_original 是js函数,�q�个�Ҏ��会发送指定的form,无论�Ҏ��一,�Ҏ��?都别忘了前面�?return

<%= form_tag({:controller=>"program",:action=>"index"},{:name=>"newform",:method=>"post",:multipart=>"true"}) %>
<%= submit_tag "��d��",{:name=>'newgroup',:onclick=>'return check_original();'} %>
<%= form_tag %>

待箋................

fl1429 2009-04-16 19:40 发表评论

fl1429 — Tue, 14 Apr 2009 09:54:00 GMT

以前常常以�ؓmargin �?padding的区�?而老是google,现在理清�?..

图解:

margin : 相当于组件的外边�~?与外部组件的距离

padding : 相当于组件的内边�~?与内部组件的距离

fl1429 2009-04-14 17:54 发表评论

JS ��面自动加蝲函数

fl1429 — Wed, 08 Apr 2009 06:59:00 GMT

��试通过: ie6 + opera + FF + chrome

if (document.all) {
window.attachEvent('onload', arewrite);
window.attachEvent('onload', jsStock);
}
else {
window.addEventListener('load', arewrite, false);
window.addEventListener('load', jsStock, false);
}

fl1429 2009-04-08 14:59 发表评论

JS get div value

fl1429 — Wed, 08 Apr 2009 05:38:00 GMT

原理:采用innerText 或�?innerHTML

fl1429 2009-04-08 13:38 发表评论

JS remove blank space

fl1429 — Wed, 08 Apr 2009 05:33:00 GMT

“test string�?replace(/^\s*|\s*$/g,'');

ref:

http://www.dreamincode.net/code/snippet980.htm

fl1429 2009-04-08 13:33 发表评论

Css Sprites 囄��拼合

fl1429 — Wed, 01 Apr 2009 05:42:00 GMT

背景:一些大型网站的看到的图�?表面上是一张图片实质上是一个大囄��里面合成了n多图�?/p>

技术原�?CSS 囄��拼合 (CSS sprites) 可有效降低图片文件的 HTTP �q�接��h��? 多个囄��以一定间距合�q��ؓ一个大囄��文�g. ��面中��用这些图片的元素��利�?background-position �q�一 CSS 属性来昄��拼合囄��中的指定位置.

例如facebook,�q�个�|�址:http://static.ak.facebook.com/images/sprite/icons.png

�l�果一张png囄��合成了n张小囄��,�q�样是�ؓ了提高网��늚��q�行速度,只需要一�ơ全部加�?,那么�q�样的css sprites是怎么做出来的�?如今该技术已�l�普及了,下面我就来说一�?/p>

案列一:利用在线工具自动生成

1,打开�|�址:http://www.csssprites.com/

2,上传你需要合成的囄��必须为jpg,gif,png格式�?例如�q�里我上传了下面�q�三张图

�l�过generate�?

3,ok...success.....你可以打开上面的网址看看拼合后的囄��和example的网��?�q�入�|�页后你可以另存为到本地,你就可以看到个究竟了,主要��是利用了css的background-position的属�?/p>

案列�?利用客户端的软�g和图片生成css样式

1,在ps里先合成你需要的囄��,�q�里我就不介�l�了,我们��拿http://static.ak.facebook.com/images/sprite/icons.png �q�张囄��来做

2,下蝲bg2css

http://www.cssforest.org/blog/index.php?id=129

3,利用bg2css,建立你需要的�?��x��C�的部分�?,再移动位�|�和调整层的大小,不会的话自己摸烦摸烦,囄��的太��的话可以放�?x,4x倍等,下面是我做的时候界�?

4,ok...success!....新徏一个html试试!

案列源码下蝲:

http://www.namipan.com/d/203577c02420df43c6beb9a87dd22225d9d39627e0610000

�q�有一个在�U�的css sprites制作工具,但是我没有成�?http://spritegen.website-performance.org/

ref:

http://www.cssforest.org/blog/index.php?id=129

fl1429 2009-04-01 13:42 发表评论

js前进后退

fl1429 — Fri, 20 Mar 2009 11:11:00 GMT

go()前进或后退的页面数

window.history.go(-1) 后退一��?br />
back

history.back(); history.forward()可以实现同样的操作�?br />

fl1429 2009-03-20 19:11 发表评论

fl1429 — Fri, 20 Mar 2009 11:07:00 GMT

体验css+div �?�l�整个页面添加渐变背�?br />

随着WEB2.0�|�页设计风格的盛�?��来��多的优�U�UI出现在各大网站中,它以清爽、简�z�、主�ơ分明的特征�q�得了广大网��设计师们和各大�|�站站长们的青睐�Q�而WEB2.0表现最��的地方就是它对光感效果透彻的运�?�l�常会看到WEB2.0清新,通透的效果,那么�q�一效果的实现运用的什么手法呢?它最主要的手法就是色调渐变的�q�用,如果在一个网��中能够成功�q�用渐变背景那么整个��面的主�ơ效果就更加的显�?那么如何在CSS+DIV控制的HTML制作中实�?��整个网��背景添加渐变背景呢:下面�q�些��会让你��L��地解决问�?

body {

background: #e9e9e9 url (images / image.gif ) repeat-x;

}

��技�?1. image.gif----它是一个渐变图片的高度不变的直�l�条

2. 我们知道�|�页宽度是限定的,而高度则是无限�g伸的,当网��늚�高度��过"image.gif"的高度时渐变��׃��H�然停止.不用担心,我们可以把渐变图片变化到一个固定颜色的色值做��景颜艌Ӏ�而背景图片��L��出现在背景颜色的上面�Q�那么当渐变囄��l�束�Ӟ��背景颜色��׃��昄��出来了。这里图片和背景颜色之间的�{换就看不出来了�?br />

eg:

fl1429 2009-03-20 19:07 发表评论

fl1429 — Fri, 20 Mar 2009 10:02:00 GMT

在做js字符串比较时,

本以为js中能有和java�?equalsIgnoreCase())一样很方便的忽略大��写比较�?�l�果没有

最后必��L��两个字符�?span style="color: red">都变为小�?或大�?/span>比较��可以了

if(inputCode.toLowerCase() != code.toLowerCase() ) /* 同时转化为小�?��可以忽略大��写 */

link:
http://www.ijavascript.cn/jiaocheng/javascript-indexof-244.html

fl1429 2009-03-20 18:02 发表评论

Dreamweaver 让DW支持rhtml

fl1429 — Fri, 13 Mar 2009 11:44:00 GMT

1,下蝲rubyweaver
http://rubyweaver.gilluminate.com/download/
下蝲rubyweaver-241.mxp

2,打开dw的扩展管理器

3,安装下蝲的rubyweaver-241.mxp…如下�?你已�l�就成功安装�?

4,关闭上面对话�?然后重启dw,�~�辑rhtml��面,所见即所�?

fl1429 2009-03-13 19:44 发表评论

fl1429 — Wed, 11 Mar 2009 01:29:00 GMT

一�?利用�U�css�?但是背景色必��L��白色才可以显�C�圆�?不然的话..会有圆角处会有一块白�?br />
截图:

源码:

1 <html>
2 <head>
3 <title>css圆角效果title>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5 <style type="text/css">
6 div.RoundedCorner{background:  #808080}
7 b.rtop, b.rbottom{display:block;background: #FFF}
8 b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background:  #808080}
9 b.r1{margin: 0 5px}
10 b.r2{margin: 0 3px}
11 b.r3{margin: 0 2px}
12 b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
13 body {
14     background-color: #CCCCFF;
15 }
16 style>
17 head>
18 <body>
19 <table width="600" border="0" align="center">
20   <tr>
21     <td>
22     <div class="RoundedCorner">
23 <b class="rtop"><b class="r1">b><b class="r2">b><b class="r3">b><b class="r4">b>b>
24 <br>
25 <table width="200" border="1">
26   <tr>
27     <td>sdfsdftd>
28     <td> td>
29   tr>
30   <tr>
31     <td>sdfsdf;td>
32     <td> td>
33   tr>
34   <tr>
35     <td>sdfsdfsdftd>
36     <td> td>
37   tr>
38 table>
39
40 <br><br>
41 <b class="rbottom"><b class="r4">b><b class="r3">b><b class="r2">b><b class="r1">b>b>
42 div>
43 td>
44   tr>
45 table>
46 body>
47 html>
48

二法:利用css加圆角图片制作边框圆�?大网站一般这么做)
思想是实��C��个这��L��圆角的背�?如果有表格的�?把表格放到该背景下即�?br /> 隄��在制作圆角图�?4个角四个),有一个简单的办法,如下�|�址可以直接生成:
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en

截图:

其实�U�色背景部分是四个角的图片加一个中间图�?如下:

源码:

1 <html>
2     <head>
3         <title>Css圆角�?/span><2>title>
4         <style type="text/css">
5
26             style>
27     <meta http-equiv="Content-Type" content="text/html; charset=gb2312">head>
28     <body>
29     <div class="rbroundbox">
30     <div class="rbtop"><div>div>div>
31         <div class="rbcontent">
32             <p>Lorem ipsum dolor sit amet,
33             consectetuer adipiscing elit. Duis
34             ornare ultricies libero. Donec
35             fringilla, eros at dapibus fermentum,
36             tellus tellus auctor erat, vitae porta
37             magna libero sed libero. Mauris sed leo.
38             Aliquam aliquam. Maecenas vestibulum.p>
39         div>
40     <div class="rbbot"><div>div>div>
41 div>
42     body>
43 html>
44

注意要加背景�?才可以实现真正美观的圆角!

fl1429 2009-03-11 09:29 发表评论

fl1429 — Mon, 09 Mar 2009 01:40:00 GMT

语法�Q?/span>

margin : auto | length

参数�Q?/span>

auto : 　��D��讄��为相对边的�?/span>

length : 　由��Q�Ҏ��字和单位标识�W�组成的长度�?/span> | 癑ֈ�数。百分数是基于父对象的高度。对于内联对象来��_��左右外�g边距可以是负数倹{��请参阅长度单位

说明�Q?/span>

��索或讄��对象四边的外延边距�?/span>

如果提供全部四个参数��|��按上－叻I��下－左的��序作用于四辏V�?/span>

如果只提供一个，��用于全部的四边�?/span>

如果提供两个�Q�第一个用于上�Q�下�Q�第二个用于左－叟�?/span>

如果提供三个�Q�第一个用于上�Q�第二个用于左－叻I��W�三个用于下�?/span>

内联对象要��用该属性，必须先设定对象的height�?/span>width属性，或者设�?/span>position属性�ؓabsolute�?/span>

�?/span>IE4+�Q?/span>margin属性不可用�?/span>td�?/span>tr对象�?/span>

外�g边距始终透明�?/span>

对应的脚本特性�ؓmargin。请参阅我编写的其他书目�?/span>

关于对象的尺�怸��Ҏ��Q�内外补丁等样式表属性的关系�Q�请参看图例以及height�?/span>width属性�?/span>

�C�Z��Q?/span>

body { margin: 36pt 24pt 36pt; }

body { margin: 11.5%; }

body { margin: 10% 10% 10% 10%; }

参�?http://www.host01.com/onlinebook/css/css2/c_margin.html

实例:css实现圆角�Ҏ��

http://html.chinahtml.com/2006/xhtml-11576838936382.shtml

fl1429 2009-03-09 09:40 发表评论

亚洲男女一区二区三区,亚洲综合AV在线在线播放,亚洲变态另类一区二区三区

Javascript selectarea image

Javascript use setTimeout

Javascript set radio checked

JavaScript 验证���览器是否支持javascript

Ajax 表单验证

Rails Ajax 成功使用xmlHttpRequest

css 背景透明

css 横排

JS ��面自动加蝲函数

JS get div value

JS remove blank space

Css Sprites 囄���拼合

js前进 后退

Dreamweaver 让DW支持rhtml

JavaScript 验证��览器是否支持javascript

Css Sprites 囄��拼合

js前进后退