网页代码
php 如何调用html文件,我的PHP文件是整个网页的模板，中间想放个html文件，哪位可有好招
include "路径";比如 include "templades/index.html";注意路径要正确，可以使用相对路径
如何用只用html 制作图片轮播效果？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS实现图片切换特效_网页代码站()</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做的网页 如何使当前页面跳转到另一页面锚点处，在线等！！
当前页面a.html另一页面b.html当前页面：<a href="b.html#aaa">跳转到b页面aaa处</a>另一页面：<a name="aaa" id="aaa">aaa</a>
html页面在不同浏览器打开不一样怎么办
对于这个问题，是许多人正处理的一个问题，因为浏览器对代码的翻译的方法不同，就会导致，显示的不一致，此时你就只能在不同的浏览器进行调整，对不同的浏览器使用一些不同的代码。不过现在好像有了一个插件包，能够保证大多数的浏览器显示一致，推荐你使用谷歌浏览器，比较符合大众的规范，
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; //复制一份内容 ，制作出无缝的效果 oUl.innerHTML+=oUl.innerHTML; oUl.style.width=aLi.length*aLi[0].offsetWidth+'px'; setInterval(function(){ //开定时器，这样就可以自己切换，无需人工干预。 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>
js代码实现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; //函数对象 var i_curID = 0; //取得鼠标下方的对象ID var pictureID = 0; //索引ID $("#i_focus_piclist li").eq(0).show(); //默认 autoScroll(); $("#i_focus_btn li").hover(function (e) { StopScrolll(); $("#i_focus_btn li").removeClass("i_cur") //所有的li去掉当前的样式加上正常的样式 $(this).addClass("i_cur"); //而本身则加上当前的样式去掉正常的样式 i_curID = $(this).attr("id"); //取当前元素的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 () { //当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步 i_curID = $(this).attr("id"); //取当前元素的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() //当鼠标移动到对象上面的时候停止自动滚动 { 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);});希望对你有帮助！
怎样修改免费网页模板里的内容?
首先，学会网站模板构架找准修改主题。准备工作：修改网站模板必须要懂一些基本的技术：1.HTML语言 2.DIV+CSS 3.图片制作方法：Photoshop/Fireworks网站模板的三大构架：1.网页的HTML文件 2.CSS文件 3.图片文件然后，学会网站模板可视化便捷修改思路。可视化编辑器中包含了一个编辑模板的辅助接口，但为了要让这个界面更加有用，接口需要向用户显示关于每个模板的特定信息，例如模板目的地简要说明，以及其中个参数的意义等。这些信息即是通过模板数据提供。一般情况默认的网页模板路径是系统自带的标签，将HTML文件放入Dreamweaver里时会是一推的代码，修改下CSS和图片路径，就可将程序模板转换为可视化界面。最后，学会修改网站模板图片替换独特风格。框架构建好后，Logo和Banner等相关图片，就是需要做的工作。对于修改网站模板中的图片推荐使用Fireworks,因为其不仅可以打开图片源文件，还可以打开PSD源文件，而photoshop无法打开PSD源文件。如遇到未提供源文件的模板，比如修改logo,无论是JPG格式还是其他格式，都建议用Fireworks打开，在原基础上进行修改，保存后即可看到效果，加上一些PS的技巧，就没有任何问题了。
手机前端页面尺寸
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隐藏URL与状态栏)iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隐藏URL与状态栏)Note2 360 * 567 (未隐藏URL与状态栏)iPad 3/4 768*928 (未隐藏URL与状态栏)GALAXY SIII 360 * 567 (未隐藏URL与状态栏)米2A 360 *567 (未隐藏URL与状态栏)HTC G10 320 * 460<meta name="viewport"网页手机wap2.0网页head加入面条元标签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/、网页手机wap2.0网页head加入面条元标签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二、关于meta详细介绍请参考三、文关于Meta例详细介绍 原文址3. Meta元素视区 默认情况iPhoneSafari象屏幕桌面浏览器显示页面宽度达980像素缩内容适应iPhone屏幕用户iPhone看页面觉字体比较比较模糊必须要放才能看真切于普通Web页面似乎接受于用应用程序没几能够受 幸运使用特殊Meta元素视区进行纠：<metaname="viewport" content="width=device-width"/> 元素通知浏览器使用设备宽度作视区宽度默认980像素我看看两同例 例3(链接：http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)显示简单段落元素没Meta元素视区字体点模糊iPhone运行实际情况图所示图 1 视区显示效 例4(链接：http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括视区元素现设备宽度320像素字体比前例更清晰iPhone运行实际情况图所示图 2 视区显示效 另外手设置device-width值例假设博客页面宽度750像素桌面屏幕佳800x600像素例5(链接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)显示删减版本iPhone浏览看980像素剩空间都填充白色 消除额外空间使用meta元素视区宽度设780像素：<metaname="viewport" content="width=780"/> 例6(链接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)显示meta元素视区布局固定效 Meta元素视区内容包括逗号隔值initial-scale –用户初看页面放级别于Web应用程序见设置：<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 元素设置宽度设备宽度禁止用户放缩
如何解决HTML网页中文显示乱码的方法
123<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head>把文件保存成utf-8的编码，仿着上面的位置，在页面加上中间那行代码
bootstrap可视化布局系统layoutit写好所需布局，下载后运行不能得到想要的效果（救急啊！！！）
你好，你没有在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.然后在你的网页的HTML代码中找到head标签，在里面加上这么两句话 <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!
