JQUERY实战一

Wed, 24 Jun 2009 14:04:00 GMT

汗！居然有�h说我写的东西是抄的，��q��我写错了�Q�讲错了�Q�我都不会抄人家的东西的�Q�所以放心，我这里没有�{载的东西�Q�有的都是本人的作品。所以无奈唯有加上；::梁乔�?:明镜�?:原创�I�间::C#.NET2.0,C++技术BLOG转蝲请保�?/p>

前段旉��写了JQUERY的学习笔讎ͼ�后来发现其实没啥好写的，之前自己写过一��感觉不怎么满意的，所以删掉了。这��写实战吧，��׃��q�个�|�站作�ؓ范例 �Q?a title="思翊�|�络" href="www.seiey.com">www.seiey.com �q�个也笔者近期做的网站，�q�个�|�站内实现的动画通篇都是用JQUERY实现的。应用的JQUERY的一些组�Ӟ��q�且做出了部分的扩扩展，�|�站内的JS没有加密的，臛_��现在没有加密呵呵�Q�而且因�ؓ设计师要求效果比较高�Q�所以很多都只能用PNG24的图片去实现�Q�所以装载有但慢�?br />        汗，�q�想写下我那个实际应用的。但发现开始写的时候才惌��v自己�Q�都不知道说些什么，代码��_��那个很无聊啊。内容解析。。。你只要上了那个�|�下载下来。。。里面有很详�l�的注释�Q��ƈ且整个页面都是HTML的。。。所以笔者在�q�里。。。耍下无赖。。�?br />
        惛_��看到的。。。去�|�站哪里抓哈哈，24号上�q�个�|�的话，可能�?个星期前的不完整版本�Q�我��x��天下午才把部分的BUG。。修改了�Q�再放上服务器�?br />
        惛_��东西。。自己动手学下如何从别�h�|�站上偷师。。。。方�?-->打开IE输入�|�址�Q?a >www.seiey.com -->��面-->另存�?->保存为HTML

梁乔�?/a> 2009-06-24 22:04 发表评论

CSS+DIV布局心得

Mon, 25 May 2009 06:22:00 GMT

CSS+DIV布局已經變成白菜一樣了�Q�到處都是CSS+DIV布局�Q�去面試一個做�E�頁的公司，肯定會問�Q�你會CSS+DIV布局不。到底啥是CSS+DIV布局呢？傳箔上都是以用TABLE布局的，TABLE布局的要點是有兩個，�W�一�Q�適當的地方合�ƈ行和列，�W�二�Q�懂TABLE嵌套Table�?br />而且還可以直接在頁面上控制Table的高度長度。TABLE布局最大的�~�點�Q�除了沉��L��TR,TD之外�Q�言論最多的��是SEO里對Table布局的鄙視。大部分SEO人都會覺得Table布局不利于SEO優化。這點。。到真是有點關系�Q�我試過兩個完全一樣的�E�站�Q�一個是用Table布局的，我是用CSS+DIV布局的，�q��當的使用了H標記�Q�在GOOGLE搜烦上，我CSS+div布局的網站要比Table布局的要靠前。。。至于為什么，那個不是本文的重點。。忽略掉�?br />
CSS+DIV布局最大的牚w��是HTML文�g里的代碼相對比較?y��u)��，但是也造成了瀏覽器布局問題。。網上很多�h都在說，我布局在IE里顯�C�正常，在FF下全部變形了。其實造成這樣問題的原因是你寫的CSS�q�不標準�Q�可以說你寫的CSS都是根絕IE的標準來寫的�Q�而不是CSS2.0的國際標準，無論是IE還是FF�Q?.0版前的我沒留意）都是支持CSS2.0的，但是在技術上�Q�IE有寫模糊功能�Q�可以��o到非標準的CSS布局也能正確解析�Q�一下是我寫CSS代碼的五個習慣，我不敢說我這五個習慣都是好��慣�Q�至��我寫的CSS布局不會產生不良效果�Q�也��是我寫的CSS有跨l瀏覽器能力�?br />
�W�一�Q�容器類DIV必須要有5個東西{margin�Q�padding�Q�width�Q�height�Q�overflow}�Q�什么叫容器��，��是這個DIV只是用來攑օ�部的DIV的，也可以說是一個定位的div..例如�Q�我們經�怋�用居中，一般是這樣做的

body
{
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    height: 100%;
        width: 100%;
    overflow: auto;
    text-align: center;
    display: block;
}
/*---body我是作為最頂層容器�?--所以它具備了我需要的所有東西，實現的效果是居中�Q�我加上了display: block;雖然這個是一個默認屬性，但是我們不能保證所有瀏覽器都是默認，�Q�如果是所有瀏覽器都默認的，我自己寫個瀏覽器的默認為none的��你耍）*/
#body_Div
{
    margin: 0px auto;
    padding: 0px;
    text-align: left;
    width: 1003px;
    height:100%;
    overflow:auto;
}
/*這個是核心層，多有的元素基本都是在這個層里的�Q�這個層也具備了我想要的屬性，text-align: left; 因為在上層我把文本對齊成為居中，所以這個層我要把它還原為左��齊margin: 0px auto; 一般IE的CSS�R�寫者不會有這個auto值的�Q�在IE會自動，但是在FF如果��了auto你將會發現FF里你的核心部分不是居中的。所以要做到通用�Q�我們就必須要加上auto��|��IE也支持auto�?/span>*/

�W�二�Q��Q動對象，都擁有獨立的父DIV�Q�關于這點。。有意見的�h可能不少�Q�持有的觀點就是，“你這樣做只會��oDIV過分的多�Q�過于復雜”，其實�Q�我也不想這樣做，但是- -�Q�IE��于��動��象的{margin�Q�padding}存在BUG所以為了減��一切可能的出錯�Q�我唯有多花��M��點代��|��說實在的我只是想它更健康。這個父DIV主要作用其實��是令到內部��動��象更可控制�Q�這個父DIV��是一個單純的容器DIV

�W�三�Q�所有的��動都需要閉合；這個有�E�驗的�h都知道。。用完��Q動你肯定需要把它閉合掉的，不閉合，可能不同瀏覽器在解析的時候會把你的��Q動變成向下默認，�Q�可以這樣解析�Q�就是元素內部的子元素都默認��h��動屬性）

�W�四�Q�一個行向��Q動如果超�?個那么請使用UL來實現��Q�?br />
�W�五�Q�靈�z�M��用類選擇�Q�我個�h的做法是�Q�所有的id選擇器都是用于布局的，��選擇器都是用于呈現效果的，這樣做的好處��是�Q�當你想要的效果出現問題的時候，更快速地扑ֈ�錯誤。這個是我有意識的把“架構”和“內容”分離�?br />
明鏡�?/a>

梁乔�?/a> 2009-05-25 14:22 发表评论

欧美一二三区精品,中文日韩欧美,精品不卡在线

JQUERY实战一

CSS+DIV布局心得