為您找到相關(guān)結(jié)果56,527個(gè)
使用Turn.js實(shí)現(xiàn)翻書(shū)效果的完整步驟_javascript技巧_腳本之家
Turn.js可以處理很長(zhǎng)的動(dòng)畫(huà)書(shū)。也就是說(shuō)不需要限制關(guān)于它可以包含的頁(yè)面數(shù)量。這是因?yàn)閠urn.js只在DOM中保留最后6頁(yè),雖然會(huì)有對(duì)先前引用內(nèi)容進(jìn)行再次加載,但是可以減少緩存以便于釋放存儲(chǔ)器。 6.IE8/7 支持 turn.js庫(kù)包括turn.html4.js,它針對(duì)IE 8進(jìn)行了優(yōu)化以及任何其他不支持CSS3特性的瀏覽器比如變換。您
www.dbjr.com.cn/javascript/3070741...htm 2025-6-6
利用vue+turn.js實(shí)現(xiàn)翻書(shū)效果完整實(shí)例_vue.js_腳本之家
①、官方下載地址:Turn.js: The page flip effect in HTML5 主要是用到 turn.js或者turn.min.js 在vue工程中新建utils文件夾,存放這個(gè)第三方j(luò)s(當(dāng)然任意放也行,能找到就行),如下圖: ②、安裝JQ 用turn.js,基于JQuery項(xiàng)目已有JQ則跳過(guò)。 1 npm install jquery --save vue.config.js中配置jq: 1 2 3 ...
www.dbjr.com.cn/javascript/313376p...htm 2025-6-4
推薦15個(gè)最好用的JavaScript代碼壓縮工具_(dá)javascript技巧_腳本之家
It is a nice looking tool with an API to minify your js code. 2. JSMIni If you want to minify your JavaScript or jQuery files quickly and easily, turn to jsMini. Just copy and paste your source code, select whether you want basic or full compression, and then minify your code. 3....
www.dbjr.com.cn/article/1561...htm 2025-6-10
常用的9個(gè)JavaScript圖表庫(kù)詳解_javascript技巧_腳本之家
area: true //area - set to true if you want this line to turn into a filled area chart. } ]; } C3.js 與TauCharts 相同,C3.js 也是一個(gè)非常有效的基于 D3 的圖表可視化庫(kù)。另外,C3.js 允許用戶創(chuàng)建可定制的具有個(gè)人風(fēng)格的類(lèi)。 C3.js 看起來(lái)是個(gè)比較難的庫(kù),但是一旦掌握了 C3.js 技巧,就能...
www.dbjr.com.cn/article/1309...htm 2025-6-8
使用RequireJS庫(kù)加載JavaScript模塊的實(shí)例教程_javascript類(lèi)庫(kù)_腳本...
requirejs加載的模塊,一般為符合AMD標(biāo)準(zhǔn)的模塊,即用define定義,用ruturn返回暴露方法、變量的模塊;requirejs也可以加載飛AMD標(biāo)準(zhǔn)的模塊,但比較麻煩,這次不涉及。 require加載js主涉及以下方面: script 標(biāo)簽data-main屬性聲明requirejs加載的入口模塊,async="true"(非ie) 和defer(ie)標(biāo)簽表明異步加載。
www.dbjr.com.cn/article/860...htm 2025-6-9
JS控制圖片翻轉(zhuǎn)示例代碼(兼容firefox,ie,chrome)_javascript技巧_腳本...
本篇文章主要介紹了JS控制圖片翻轉(zhuǎn)示例代碼(兼容firefox,ie,chrome) 需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助 GPT4.0+Midjourney繪畫(huà)+國(guó)內(nèi)大模型 會(huì)員永久免費(fèi)使用! 【如果你想靠AI翻身,你先需要一個(gè)靠譜的工具!】 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww...
www.dbjr.com.cn/article/446...htm 2025-6-9
Jquery如何使用animation動(dòng)畫(huà)效果改變背景色的代碼_jquery_腳本之家
@keyframes color_turn{ from{ background-color: green; } to{ background-color: blue; } } .change_color{ animation: color_turn 500ms ease 2 alternate; } $(function(){ varobtn = $('#btn'); varobox = $('.box'); obtn.click(function...
www.dbjr.com.cn/article/1911...htm 2025-6-11
JS實(shí)現(xiàn)圖片翻書(shū)效果示例代碼_javascript技巧_腳本之家
.turn { BACKGROUND: #000000 } .img { WIDTH: 200%; POSITION: absolute; HEIGHT: 100% } picture.js 復(fù)制代碼代碼如下: document.onselectstart = function () { return false; } var nI = 0; var kI = 0; var run = false; function setOpacity(obj,o) { ...
www.dbjr.com.cn/article/412...htm 2025-5-17
JavaScript設(shè)計(jì)模式之工廠模式和構(gòu)造器模式_javascript技巧_腳本...
js反模式常見(jiàn)例子 1.向setTimeout和setInterval傳遞字符串,而不是函數(shù),這會(huì)觸發(fā)eval()的內(nèi)部使用。 2.在全局上下文中定義大量的變量污染全局命名空間 3.修改Object類(lèi)的原型 4.以內(nèi)聯(lián)形式使用js,嵌入在HTML文件中的js代碼是無(wú)法包含在外部單元測(cè)試工具中的。
www.dbjr.com.cn/article/610...htm 2025-5-23