網(wǎng)頁(yè)代碼
提問(wèn)問(wèn)題
列表
-
php 如何調(diào)用html文件,我的PHP文件是整個(gè)網(wǎng)頁(yè)的模板,中間想放個(gè)html文件,哪位可有好招
查看答案>>
-
如何用只用html 制作圖片輪播效果?
查看答案>>
-
HTML做的網(wǎng)頁(yè) 如何使當(dāng)前頁(yè)面跳轉(zhuǎn)到另一頁(yè)面錨點(diǎn)處,在線等??!
查看答案>>
-
html頁(yè)面在不同瀏覽器打開(kāi)不一樣怎么辦
查看答案>>
-
HTML中如何做圖片切換效果,跪求代碼
查看答案>>
-
js代碼實(shí)現(xiàn)banner圖片輪播
查看答案>>
-
怎樣修改免費(fèi)網(wǎng)頁(yè)模板里的內(nèi)容?
查看答案>>
-
手機(jī)前端頁(yè)面尺寸
查看答案>>
-
如何解決HTML網(wǎng)頁(yè)中文顯示亂碼的方法
查看答案>>
-
bootstrap可視化布局系統(tǒng)layoutit寫好所需布局,下載后運(yùn)行不能得到想要的效果(救急?。。。。?/p>
查看答案>>
php 如何調(diào)用html文件,我的PHP文件是整個(gè)網(wǎng)頁(yè)的模板,中間想放個(gè)html文件,哪位可有好招
include "路徑";比如 include "templades/index.html";注意路徑要正確,可以使用相對(duì)路徑
如何用只用html 制作圖片輪播效果?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS實(shí)現(xiàn)圖片切換特效_網(wǎng)頁(yè)代碼站()</title><meta http-equiv="content-type" content="text/html;charset=gb2312" /><style> dl { position:absolute;width:240px;height:170px;border:10px solid #eee; } dd { margin:0;width:240px;height:170px;overflow:hidden; } img { border:1px solid black } dt { position:absolute;right:3px;top:50px; } a { display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋體",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4; } a:hover {background:#000}</style></head> <body> <dl$amp;>amp;$lt;dt$amp;>amp;$lt;a #a" title="">1</a> <a #b" title="">2</a> <a #c" title="">3</a> </dt> <dd$amp;>amp;$lt;img src="" alt="" id="a" /> <img src="" alt="" id="b" /> <img src="" alt="" id="c" /> </dd> </dl></body></html>
HTML做的網(wǎng)頁(yè) 如何使當(dāng)前頁(yè)面跳轉(zhuǎn)到另一頁(yè)面錨點(diǎn)處,在線等!!
當(dāng)前頁(yè)面a.html另一頁(yè)面b.html當(dāng)前頁(yè)面:<a href="b.html#aaa">跳轉(zhuǎn)到b頁(yè)面aaa處</a>另一頁(yè)面:<a name="aaa" id="aaa">aaa</a>
html頁(yè)面在不同瀏覽器打開(kāi)不一樣怎么辦
對(duì)于這個(gè)問(wèn)題,是許多人正處理的一個(gè)問(wèn)題,因?yàn)闉g覽器對(duì)代碼的翻譯的方法不同,就會(huì)導(dǎo)致,顯示的不一致,此時(shí)你就只能在不同的瀏覽器進(jìn)行調(diào)整,對(duì)不同的瀏覽器使用一些不同的代碼。不過(guò)現(xiàn)在好像有了一個(gè)插件包,能夠保證大多數(shù)的瀏覽器顯示一致,推薦你使用谷歌瀏覽器,比較符合大眾的規(guī)范,
HTML中如何做圖片切換效果,跪求代碼
圖片切換的效果,其實(shí)就是修改圖片的距離。下面提供一個(gè)簡(jiǎn)單的圖片切換效果。效果主要做的是無(wú)縫切換圖片。1234567891011121314151617181920212223242526272829303132333435<style> *{ margin:0; padding:0; list-style:none;} #box{ width:840px; border:1px solid #000; height:210px; margin:30px auto; position:relative; overflow:hidden;} #box ul{ position:absolute; left:0; top:0;} #box ul li{ width:200px; height:200px; float:left; padding:5px;} </style> <script> window.onload=function(){ var oBox=document.getElementById('box'); var oUl=oBox.children[0]; var aLi=oUl.children; //復(fù)制一份內(nèi)容 ,制作出無(wú)縫的效果 oUl.innerHTML+=oUl.innerHTML; oUl.style.width=aLi.length*aLi[0].offsetWidth+'px'; setInterval(function(){ //開(kāi)定時(shí)器,這樣就可以自己切換,無(wú)需人工干預(yù)。 var l=oUl.offsetLeft-10; //圖片切換,就是移動(dòng)距離 if(l<=-oUl.offsetWidth/2){ l=0; } oUl.style.left=l+'px'; },30); }; </script> </head> <body> <div id="box"> <ul> <li><img src="img/1.jpg" width="200"></li> <li><img src="img/2.jpg" width="200"></li> <li><img src="img/3.jpg" width="200"></li> <li><img src="img/4.jpg" width="200"></li> </ul> </div>
js代碼實(shí)現(xiàn)banner圖片輪播
這是我以前寫過(guò)的一個(gè),樣式你改一下就OK了<div class="fbanner widget3924"> <div id="i_focus"> <div id="i_focus_pic"> <ul id="i_focus_piclist"> <li style="display: none;"> <a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner1.jpg) center 0 no-repeat;"> </a> </li> <li style="display: list-item;"> <a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner4.jpg) center 0 no-repeat;"> </a> </li> <li style="display: none;"> <a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner3.jpg) center 0 no-repeat;"> </a> </li> <li style="display: none;"> <a href="" target="_blank" style="background: url(/templates/runlinjinguan/images/banner2.jpg) center 0 no-repeat;"> </a> </li> </ul> <div id="i_focus_opdiv"> </div> <ul id="i_focus_btn"> <li id="p0" class=""> <span> </span> </li> <li id="p0" class="i_cur"> <span> </span> </li> <li id="p0" class=""> <span> </span> </li> <li id="p0" class=""> <span> </span> </li> </ul> </div> </div> <script type="text/javascript" src="/templates/runlinjinguan/js/flash.js"></script> <script type="text/javascript"> $("#i_focus_btn").find("li").eq(0).addClass("i_cur"); </script> </div>引用的js文件// JavaScript Document //flash js$(document).ready(function () { var i_curIndex = 0; var beauBeauSlide; //函數(shù)對(duì)象 var i_curID = 0; //取得鼠標(biāo)下方的對(duì)象ID var pictureID = 0; //索引ID $("#i_focus_piclist li").eq(0).show(); //默認(rèn) autoScroll(); $("#i_focus_btn li").hover(function (e) { StopScrolll(); $("#i_focus_btn li").removeClass("i_cur") //所有的li去掉當(dāng)前的樣式加上正常的樣式 $(this).addClass("i_cur"); //而本身則加上當(dāng)前的樣式去掉正常的樣式 i_curID = $(this).attr("id"); //取當(dāng)前元素的ID pictureID = $("#i_focus_btn li").index(this);// i_curID.substring(i_curID.length - 1); //取最后一個(gè)字符 $("#i_focus_piclist li").eq(pictureID).fadeIn("slow"); //本身顯示 $("#i_focus_piclist li").not($("#i_focus_piclist li")[pictureID]).hide(); //除了自身別的全部隱藏 $("#i_focus_tx li").hide(); $("#i_focus_tx li").eq(pictureID).show(); }, function () { //當(dāng)鼠標(biāo)離開(kāi)對(duì)象的時(shí)候獲得當(dāng)前的對(duì)象的ID以便能在啟動(dòng)自動(dòng)時(shí)與其同步 i_curID = $(this).attr("id"); //取當(dāng)前元素的ID pictureID = i_curID.substring(i_curID.length - 1); //取最后一個(gè)字符 i_curIndex = pictureID; autoScroll(); }); //自動(dòng)滾動(dòng) function autoScroll() { var myNubli = $("#i_focus_btn li").size(); if (myNubli > 1) { $("#i_focus_btn li:last").removeClass("i_cur"); $("#i_focus_tx li:last").hide(); $("#i_focus_btn li").eq(i_curIndex).addClass("i_cur"); $("#i_focus_btn li").eq(i_curIndex - 1).removeClass("i_cur"); $("#i_focus_tx li").eq(i_curIndex).show(); $("#i_focus_tx li").eq(i_curIndex - 1).hide(); $("#i_focus_piclist li").eq(i_curIndex).fadeIn("slow"); $("#i_focus_piclist li").eq(i_curIndex - 1).hide(); i_curIndex++; i_curIndex = i_curIndex >= myNubli ? 0 : i_curIndex; beauBeauSlide = setTimeout(autoScroll, 5000); } } function StopScrolll() //當(dāng)鼠標(biāo)移動(dòng)到對(duì)象上面的時(shí)候停止自動(dòng)滾動(dòng) { clearTimeout(beauBeauSlide); }});//第二個(gè)漸隱幻燈開(kāi)始var defaultOpts = { interval: 3000, fadeInTime: 800, fadeOutTime: 500};var _titles = $("ul.slide-txt li");var _titles_bg = $("ul.op li");var _bodies = $("ul.slide-pic li");var _count = _titles.length;var _current = 0;var _intervalID = null;var stop = function () { window.clearInterval(_intervalID);};var slide = function (opts) { if (opts) { _current = opts.current || 0; } else { _current = (_current >= (_count - 1)) ? 0 : (++_current); }; _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () { _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime); _bodies.removeClass("cur").eq(_current).addClass("cur"); }); _titles.removeClass("cur").eq(_current).addClass("cur"); _titles_bg.removeClass("cur").eq(_current).addClass("cur");}; //endof slidevar go = function () { stop(); _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval);}; //endof govar itemMouseOver = function (target, items) { stop(); var i = $.inArray(target, items); slide({ current: i });}; //endof itemMouseOver_titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); }},go);//_titles_bg.hover(function() { itemMouseOver(this, _titles_bg); }, go);_bodies.hover(stop, go);go();var slideX = { _this: $('.catalog .imgbox'), _btnLeft: $('.catalog .left'), _btnRight: $('.catalog .right'), init: function () { slideX._btnLeft.click(slideX.slideLeft); slideX._btnRight.click(slideX.slideRight); }, slideLeft: function () { slideX._btnLeft.unbind('click', slideX.slideLeft); for (i = 0; i < 2; i++) { slideX._this.find('li:last').prependTo(slideX._this); } slideX._this.css('marginLeft', -224); slideX._this.animate({ 'marginLeft': 0 }, 500, function () { slideX._btnLeft.bind('click', slideX.slideLeft); }); return false; }, slideRight: function () { slideX._btnRight.unbind('click', slideX.slideRight); slideX._this.animate({ 'marginLeft': -224 }, 500, function () { slideX._this.css('marginLeft', '0'); for (i = 0; i < 2; i++) { slideX._this.find('li:first').appendTo(slideX._this) } slideX._btnRight.bind('click', slideX.slideRight); }); return false; }}$(document).ready(function () { slideX.init();})$(document).ready(function () { var newTime = new Date(); var newTime = newTime.getTime(); var $imgTmp = $('#topromotion').find('img:first'); var osrc = $imgTmp.attr('src'); $imgTmp.attr('src', osrc + '?' + newTime);});希望對(duì)你有幫助!
怎樣修改免費(fèi)網(wǎng)頁(yè)模板里的內(nèi)容?
首先,學(xué)會(huì)網(wǎng)站模板構(gòu)架找準(zhǔn)修改主題。準(zhǔn)備工作:修改網(wǎng)站模板必須要懂一些基本的技術(shù):1.HTML語(yǔ)言 2.DIV+CSS 3.圖片制作方法:Photoshop/Fireworks網(wǎng)站模板的三大構(gòu)架:1.網(wǎng)頁(yè)的HTML文件 2.CSS文件 3.圖片文件然后,學(xué)會(huì)網(wǎng)站模板可視化便捷修改思路??梢暬庉嬈髦邪艘粋€(gè)編輯模板的輔助接口,但為了要讓這個(gè)界面更加有用,接口需要向用戶顯示關(guān)于每個(gè)模板的特定信息,例如模板目的地簡(jiǎn)要說(shuō)明,以及其中個(gè)參數(shù)的意義等。這些信息即是通過(guò)模板數(shù)據(jù)提供。一般情況默認(rèn)的網(wǎng)頁(yè)模板路徑是系統(tǒng)自帶的標(biāo)簽,將HTML文件放入Dreamweaver里時(shí)會(huì)是一推的代碼,修改下CSS和圖片路徑,就可將程序模板轉(zhuǎn)換為可視化界面。最后,學(xué)會(huì)修改網(wǎng)站模板圖片替換獨(dú)特風(fēng)格??蚣軜?gòu)建好后,Logo和Banner等相關(guān)圖片,就是需要做的工作。對(duì)于修改網(wǎng)站模板中的圖片推薦使用Fireworks,因?yàn)槠洳粌H可以打開(kāi)圖片源文件,還可以打開(kāi)PSD源文件,而photoshop無(wú)法打開(kāi)PSD源文件。如遇到未提供源文件的模板,比如修改logo,無(wú)論是JPG格式還是其他格式,都建議用Fireworks打開(kāi),在原基礎(chǔ)上進(jìn)行修改,保存后即可看到效果,加上一些PS的技巧,就沒(méi)有任何問(wèn)題了。
手機(jī)前端頁(yè)面尺寸
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隱藏URL與狀態(tài)欄)iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隱藏URL與狀態(tài)欄)Note2 360 * 567 (未隱藏URL與狀態(tài)欄)iPad 3/4 768*928 (未隱藏URL與狀態(tài)欄)GALAXY SIII 360 * 567 (未隱藏URL與狀態(tài)欄)米2A 360 *567 (未隱藏URL與狀態(tài)欄)HTC G10 320 * 460<meta name="viewport"網(wǎng)頁(yè)手機(jī)wap2.0網(wǎng)頁(yè)head加入面條元標(biāo)簽iPhone瀏覽器頁(yè)面原始顯示并允許縮放 <meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> width - viewport寬度 height -viewport高度 initial-scale - 初始縮放比例 minimum-scale -允許用戶縮放比例 maximum-scale -允許用戶縮放比例 user-scalable - 用戶否手縮放參考:http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/、網(wǎng)頁(yè)手機(jī)wap2.0網(wǎng)頁(yè)head加入面條元標(biāo)簽iPhone瀏覽器頁(yè)面原始顯示并允許縮放<meta name="viewport"content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">其: width - viewport寬度 height - viewport高度 initial-scale -初始縮放比例minimum-scale - 允許用戶縮放比例 maximum-scale - 允許用戶縮放比例user-scalable -用戶否手縮放c二、關(guān)于meta詳細(xì)介紹請(qǐng)參考三、文關(guān)于Meta例詳細(xì)介紹 原文址3. Meta元素視區(qū) 默認(rèn)情況iPhoneSafari象屏幕桌面瀏覽器顯示頁(yè)面寬度達(dá)980像素縮內(nèi)容適應(yīng)iPhone屏幕用戶iPhone看頁(yè)面覺(jué)字體比較比較模糊必須要放才能看真切于普通Web頁(yè)面似乎接受于用應(yīng)用程序沒(méi)幾能夠受 幸運(yùn)使用特殊Meta元素視區(qū)進(jìn)行糾:<metaname="viewport" content="width=device-width"/> 元素通知瀏覽器使用設(shè)備寬度作視區(qū)寬度默認(rèn)980像素我看看兩同例 例3(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)顯示簡(jiǎn)單段落元素沒(méi)Meta元素視區(qū)字體點(diǎn)模糊iPhone運(yùn)行實(shí)際情況圖所示圖 1 視區(qū)顯示效 例4(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括視區(qū)元素現(xiàn)設(shè)備寬度320像素字體比前例更清晰iPhone運(yùn)行實(shí)際情況圖所示圖 2 視區(qū)顯示效 另外手設(shè)置device-width值例假設(shè)博客頁(yè)面寬度750像素桌面屏幕佳800x600像素例5(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)顯示刪減版本iPhone瀏覽看980像素??臻g都填充白色 消除額外空間使用meta元素視區(qū)寬度設(shè)780像素:<metaname="viewport" content="width=780"/> 例6(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)顯示meta元素視區(qū)布局固定效 Meta元素視區(qū)內(nèi)容包括逗號(hào)隔值initial-scale –用戶初看頁(yè)面放級(jí)別于Web應(yīng)用程序見(jiàn)設(shè)置:<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 元素設(shè)置寬度設(shè)備寬度禁止用戶放縮
如何解決HTML網(wǎng)頁(yè)中文顯示亂碼的方法
123<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head>把文件保存成utf-8的編碼,仿著上面的位置,在頁(yè)面加上中間那行代碼
bootstrap可視化布局系統(tǒng)layoutit寫好所需布局,下載后運(yùn)行不能得到想要的效果(救急?。。。。?/h3>
你好,你沒(méi)有在head中引用Bootstrap中必要的CSS樣式和JS,所以看不到樣式。解決辦法是:1.先去http://v3.bootcss.com/getting-started/,下載bootstrap,將解壓縮出來(lái)的dist文件夾放到你的項(xiàng)目的根目錄下。2.然后再去http://jquery.com/download/,下載一個(gè)jQuery-1.11.1.js,因?yàn)閎ootstrap的JS都是基于jQuery的,所以必須有這個(gè)。注意你要找到里面的這個(gè)鏈接:Download the uncompressed, development jQuery 1.11.1,然后右鍵點(diǎn)擊保存到本地。3.將jQuery-1.11.1.js放到dist的根目錄下。4.然后在你的網(wǎng)頁(yè)的HTML代碼中找到head標(biāo)簽,在里面加上這么兩句話 <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css"> <script src="dist/jquery-1.11.1.js"></script> <script src="dist/js/bootstrap.min.js"></script>這樣就OK啦。good luck!
熱門問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些