div絕對位置樣本

原理就是先把html對象的捲軸全部隱藏,再把body當成一個大的div盒子(和div出現捲軸一個原理),讓body出現捲軸。這樣就會產生一個假像。 方法很簡單,不用寫一大堆js代碼,只用三個css樣式就可以搞定。原理就是先把html對象的捲軸全部隱藏,再把body當成一個大的div盒子(和div出現捲軸一個原理),讓body出現捲軸。這樣就會產生一個假像。呵呵。很容易理解吧。 [Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

pre標籤中文本實現換行

被包圍在pre元素中的文本通常會保留空格和分行符號,但不幸的是,當你在<pre>標籤裡面寫代碼的時候,如果你沒有手動換行,它也會給你保留,而不會動換行。

一些技巧性js代碼

總結一些技巧性js代碼,希望對大家有所協助。 實現頁面最大化 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->         self.moveTo(

告誡新手,DIV不是一切

創造神話的是CSS,不是DIV+CSS。我想,是時候糾正這個問題了。 在大約兩年前,DIV+CSS是一對很誘人的組合,會用DIV+CSS製作網頁的人,常常會被人贊以大拇指的,記得06年初的時候,我用div+css布局的一個純靜態網站還拿了學校網頁設計比賽的一個獎。今天,儘管提到DIV+CSS,還會有很多人熱情高漲,但是我會對他搖頭了:DIV+CSS不是一切,更不是某些人所謂的“神話”!創造神話的是CSS,不是DIV+CSS。

使用JS對cookie進行作業碼

使用JavaScript對cookie進行操作,寫入cookie和取出cookie. 儲存cookie:function SetCookie(name, value)//兩個參數,一個是cookie的名子,一個是值{    var Days = 30; //此 cookie 將被儲存 30 天    var exp = new Date();   

帶你瞭解樣式表濾鏡(二)

濾鏡|樣式表   4、Glow 濾鏡   文法:{filter:glow(color=屬性值1,strength=屬性值2);}   作用:該濾鏡能夠在原對象周圍產生一種類似發光的效果,其具體效果是由小括弧中的各屬性名稱及其對應的屬性值來產生的。  參數:COLOR屬性是指定發光的顏色。   STRENGTH則是發光強度的表現,也指光暈的厚度;其大小可以從1到255之間的任何整數來指定這個強度。   執行個體: <html>

一些常用的JS自訂函數整理

整理一些常用的js函數,希望對大家有所協助。 1、dayin()作用:將id為dayin的內容,建立頁面並列印,可解決列印某頁面中的部分內容的問題。使用方法:將要列印的內容通過 <span id="dayin"></span>包含起來,然後在某個按扭中定義事件<input type="button" onclick="dayin()" value="

談Filter在網頁中的運用

網頁   自W3C公布了樣式單(CSS)的標準以來,HTML的每一部分開始以元素的形式出現,並且事件開始真正被引入頁面,動態HTML成為了人們討論的熱點。實際上,W3C採用的標準即為微軟的DOM,也就是說IE4.0可以更好的支援CSS,並且微軟對CSS還進行了許多十分有益地探索,Filter就是一個很好的例子。    眾所周知,Javascript或Vbscript作為指令碼語言,其功能是不完善的,有許多進階語言的功能無法實現,

網頁最簡短的拖動對象代碼執行個體示範

對象|網頁 以前在網上看到的最簡單的拖動對象的代碼,忘記作者叫什麼了。原始代碼在IE下有些小問題,並且聲明了文件類型為xhtml 1.0後,在FF等非IE瀏覽器下無效,對其進行了改進,現在已經可相容:IE、Firefox、Opera ... 以下代碼只是示範原理,具體應用請結合你自己的實際需求進行修改。 

網頁中最好避免出現banner.gif命名

最近遇到了兩次相同的問題,在網頁中的banner圖片不顯示。其實類似於有些瀏覽器會屏蔽“ad”一樣。banner也是我們經常用到的一個圖片命名,但是這樣命有時候會出現一些“莫名其妙”的問題,比如在用banner.gif或者*/banner*.gif(表示任意目錄下以banner*.gif)的時候有些人可能看不到這張圖片。這個問題其實並不一定是瀏覽器造成的,我現在發現的卡巴斯基7.0KIS內建的阻止廣告條功能會預設屏蔽類似於這樣命名的圖片(我機器上只有KIS7.0,至於其他有屏蔽廣告功能的殺毒軟體

時鐘顯示在任意指定位置

顯示 指令碼說明: :把如下代碼加入地區中:   <span id=liveclock style=position:absolute;left:250px;top:122px;; width: 109px; height: 15px>

利用JS實現iframe 子頁面自適應高度

ie6、firefox2 通過,假設首頁面有一個div,裡面放置一個iframe<div id="frameBox"><iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0"  scrolling="no"></iframe></div>3個菜單連結,分別在iframe載入

網頁教程:頁面返回頂部錨點按鈕的設計

對於版面較長的網頁,在底部會放上返回頂部的錨點連結,做法也很簡單,直接用HTML就能實現,不過這種效果不交呆板,原因就是向上移動很突然,經常會讓使用者產生莫名的感覺,本文結合JS將實現一種滑動返回頂部的網頁效果,這樣使用者感覺會比較舒服。‘TOP’置頂連結,說的通俗一點就是‘返回頂部的連結’,‘go to top ’一般都放在頁面的底部,它可以快速返回頁面頂部,以節省使用者瀏覽頁面的時間。

JS操作二進位:LZ77 演算法

JS操作二進位很麻煩,而且一直沒有一個好的無損壓縮工具來實現純文字的壓縮。所以鑽研了一段時間的gzip,後來發現還是僅用 LZ77 比較容易實現,gzip中的 haffman 壓縮部分對於JS來說太難搞了。代碼如下,注釋的非常完整,所以就不多說了,有興趣的可以仔細研究下:運行代碼框<html><head><title>LZ77</title><style>* { font-size:12px; }body {

源碼學習:一個簡單的日曆控制項(5)

控制項|日曆    }   btnCell.onmouseout=function(){    btnCell.style.cssText="width:100%;border:1 outset;background-color:buttonface;";   }  // btnCell.onmousedown=function(){  /

圖片預先載入並且自動等比例縮放的JS外掛程式

/* **************圖片預先載入外掛程式****************** ///作者:沒劍(2008-06-23) ///http://regedit.cnblogs.com ///說明:在圖片載入前顯示一個載入標誌,當圖片下載完畢後顯示圖片出來 可對圖片進行是否自動縮放功能 此外掛程式使用時可讓頁面先載入,而圖片後載入的方式, 解決了平時使用時要在圖片顯示出來後才能進行縮放時撐大布局的問題 ///參數設定: scaling 是否等比例自動縮放 width 圖片最大高

FckEditor最新中文版 2.6 fckconfig中文注釋

1. FCKConfig.CustomConfigurationsPath = '' ; // 自訂設定檔路徑和名稱    2. FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 編輯區的樣式表檔案    3. FCKConfig.EditorAreaStyles = '' ; //

源碼學習:一個簡單的日曆控制項(2)

控制項|日曆    var tbBoard=document.createElement("table");   divBoard.insertAdjacentElement("beforeEnd",tbBoard);  

[ymPrompt訊息提示組件]3.1版發布

新增配置項:新增fixPosition參數設定是否當頁面滾動時使彈出框始終浮動在螢幕的固定位置。新增dragOut參數設定是否允許彈出框拖動到頁面範圍以外。新增autoClose參數設定是否當使用者點擊按鈕後自動關閉彈出框。公開的屬性和方法介面:屬性:version:目前的版本號 如:alert(ymPrompt.version)pubDate:目前的版本的發布日期

JS實現的滑動展開與摺疊效果

js 要寫個滑動展開摺疊的效果,搜尋到無憂指令碼的一篇貼子,稍加修改了下使其在FF也可應用,代碼如下:  <script type="text/javascript">  //Url: http://bbs.51js.com/thread-61646-1-1.html  //Author: 風雲突變  //Modify: 楓岩  var 

總頁數: 61357 1 .... 970 971 972 973 974 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.