狠狠操夜夜甜|人妻在线中文字幕亚洲无码不卡av|一区二区欧美亚洲|日躁夜躁狠狠躁2001|亚洲,超碰,欧美|18AV成人电影|午夜成人免费在线|婷婷激情网深爱五月|色欲综合成人在线|在线美女搞黄大片

首頁 > 熱門提問 > 網(wǎng)頁代碼

網(wǎng)頁代碼

提問

問題
列表

  • php 如何調(diào)用html文件,我的PHP文件是整個網(wǎng)頁的模板,中間想放個html文件,哪位可有好招

    查看答案>>

  • 如何用只用html 制作圖片輪播效果?

    查看答案>>

  • HTML做的網(wǎng)頁 如何使當(dāng)前頁面跳轉(zhuǎn)到另一頁面錨點處,在線等!!

    查看答案>>

  • html頁面在不同瀏覽器打開不一樣怎么辦

    查看答案>>

  • HTML中如何做圖片切換效果,跪求代碼

    查看答案>>

  • js代碼實現(xiàn)banner圖片輪播

    查看答案>>

  • 怎樣修改免費網(wǎng)頁模板里的內(nèi)容?

    查看答案>>

  • 手機前端頁面尺寸

    查看答案>>

  • 如何解決HTML網(wǎng)頁中文顯示亂碼的方法

    查看答案>>

  • bootstrap可視化布局系統(tǒng)layoutit寫好所需布局,下載后運行不能得到想要的效果(救急?。。。。?/p>

    查看答案>>

php 如何調(diào)用html文件,我的PHP文件是整個網(wǎng)頁的模板,中間想放個html文件,哪位可有好招

include "路徑";比如 include "templades/index.html";注意路徑要正確,可以使用相對路徑
0 有幫助? 展開

如何用只用html 制作圖片輪播效果?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS實現(xiàn)圖片切換特效_網(wǎng)頁代碼站()</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>
0 有幫助? 展開

HTML做的網(wǎng)頁 如何使當(dāng)前頁面跳轉(zhuǎn)到另一頁面錨點處,在線等?。?/h3>

當(dāng)前頁面a.html另一頁面b.html當(dāng)前頁面:<a href="b.html#aaa">跳轉(zhuǎn)到b頁面aaa處</a>另一頁面:<a name="aaa" id="aaa">aaa</a>
0 有幫助? 展開

html頁面在不同瀏覽器打開不一樣怎么辦

對于這個問題,是許多人正處理的一個問題,因為瀏覽器對代碼的翻譯的方法不同,就會導(dǎo)致,顯示的不一致,此時你就只能在不同的瀏覽器進行調(diào)整,對不同的瀏覽器使用一些不同的代碼。不過現(xiàn)在好像有了一個插件包,能夠保證大多數(shù)的瀏覽器顯示一致,推薦你使用谷歌瀏覽器,比較符合大眾的規(guī)范,
0 有幫助 展開

HTML中如何做圖片切換效果,跪求代碼

圖片切換的效果,其實就是修改圖片的距離。下面提供一個簡單的圖片切換效果。效果主要做的是無縫切換圖片。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)容 ,制作出無縫的效果       oUl.innerHTML+=oUl.innerHTML;        oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';                 setInterval(function(){   //開定時器,這樣就可以自己切換,無需人工干預(yù)。         var l=oUl.offsetLeft-10;  //圖片切換,就是移動距離        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>
0 有幫助? 展開

js代碼實現(xiàn)banner圖片輪播

這是我以前寫過的一個,樣式你改一下就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ù)對象 var i_curID = 0; //取得鼠標(biāo)下方的對象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); //取最后一個字符 $("#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)離開對象的時候獲得當(dāng)前的對象的ID以便能在啟動自動時與其同步 i_curID = $(this).attr("id"); //取當(dāng)前元素的ID pictureID = i_curID.substring(i_curID.length - 1); //取最后一個字符 i_curIndex = pictureID; autoScroll(); }); //自動滾動 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)移動到對象上面的時候停止自動滾動 { clearTimeout(beauBeauSlide); }});//第二個漸隱幻燈開始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);});希望對你有幫助!
0 有幫助? 展開

怎樣修改免費網(wǎng)頁模板里的內(nèi)容?

首先,學(xué)會網(wǎng)站模板構(gòu)架找準(zhǔn)修改主題。準(zhǔn)備工作:修改網(wǎng)站模板必須要懂一些基本的技術(shù):1.HTML語言 2.DIV+CSS 3.圖片制作方法:Photoshop/Fireworks網(wǎng)站模板的三大構(gòu)架:1.網(wǎng)頁的HTML文件 2.CSS文件 3.圖片文件然后,學(xué)會網(wǎng)站模板可視化便捷修改思路。可視化編輯器中包含了一個編輯模板的輔助接口,但為了要讓這個界面更加有用,接口需要向用戶顯示關(guān)于每個模板的特定信息,例如模板目的地簡要說明,以及其中個參數(shù)的意義等。這些信息即是通過模板數(shù)據(jù)提供。一般情況默認(rèn)的網(wǎng)頁模板路徑是系統(tǒng)自帶的標(biāo)簽,將HTML文件放入Dreamweaver里時會是一推的代碼,修改下CSS和圖片路徑,就可將程序模板轉(zhuǎn)換為可視化界面。最后,學(xué)會修改網(wǎng)站模板圖片替換獨特風(fēng)格。框架構(gòu)建好后,Logo和Banner等相關(guān)圖片,就是需要做的工作。對于修改網(wǎng)站模板中的圖片推薦使用Fireworks,因為其不僅可以打開圖片源文件,還可以打開PSD源文件,而photoshop無法打開PSD源文件。如遇到未提供源文件的模板,比如修改logo,無論是JPG格式還是其他格式,都建議用Fireworks打開,在原基礎(chǔ)上進行修改,保存后即可看到效果,加上一些PS的技巧,就沒有任何問題了。
0 有幫助? 展開

手機前端頁面尺寸

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)頁手機wap2.0網(wǎng)頁head加入面條元標(biāo)簽iPhone瀏覽器頁面原始顯示并允許縮放 <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)頁手機wap2.0網(wǎng)頁head加入面條元標(biāo)簽iPhone瀏覽器頁面原始顯示并允許縮放<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ì)介紹請參考三、文關(guān)于Meta例詳細(xì)介紹 原文址3. Meta元素視區(qū)  默認(rèn)情況iPhoneSafari象屏幕桌面瀏覽器顯示頁面寬度達(dá)980像素縮內(nèi)容適應(yīng)iPhone屏幕用戶iPhone看頁面覺字體比較比較模糊必須要放才能看真切于普通Web頁面似乎接受于用應(yīng)用程序沒幾能夠受  幸運使用特殊Meta元素視區(qū)進行糾:<metaname="viewport" content="width=device-width"/>  元素通知瀏覽器使用設(shè)備寬度作視區(qū)寬度默認(rèn)980像素我看看兩同例  例3(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)顯示簡單段落元素沒Meta元素視區(qū)字體點模糊iPhone運行實際情況圖所示圖 1 視區(qū)顯示效  例4(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括視區(qū)元素現(xiàn)設(shè)備寬度320像素字體比前例更清晰iPhone運行實際情況圖所示圖 2 視區(qū)顯示效  另外手設(shè)置device-width值例假設(shè)博客頁面寬度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)容包括逗號隔值initial-scale –用戶初看頁面放級別于Web應(yīng)用程序見設(shè)置:<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>  元素設(shè)置寬度設(shè)備寬度禁止用戶放縮
0 有幫助? 展開

如何解決HTML網(wǎng)頁中文顯示亂碼的方法

123<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head>把文件保存成utf-8的編碼,仿著上面的位置,在頁面加上中間那行代碼
0 有幫助? 展開

bootstrap可視化布局系統(tǒng)layoutit寫好所需布局,下載后運行不能得到想要的效果(救急?。。。。?/h3>

你好,你沒有在head中引用Bootstrap中必要的CSS樣式和JS,所以看不到樣式。解決辦法是:1.先去http://v3.bootcss.com/getting-started/,下載bootstrap,將解壓縮出來的dist文件夾放到你的項目的根目錄下。2.然后再去http://jquery.com/download/,下載一個jQuery-1.11.1.js,因為bootstrap的JS都是基于jQuery的,所以必須有這個。注意你要找到里面的這個鏈接:Download the uncompressed, development jQuery 1.11.1,然后右鍵點擊保存到本地。3.將jQuery-1.11.1.js放到dist的根目錄下。4.然后在你的網(wǎng)頁的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!
0 有幫助? 展開
img

在線咨詢

建站在線咨詢

img

微信咨詢

掃一掃添加
動力姐姐微信

img
img

TOP