是否可以使用JQuery根据用户的屏幕分辨率重定向到不同的index.html？例如,1024px宽的屏幕到1024.html,其他所有屏幕都转到普通的index.html？
我最好喜欢使用jQuery.任何帮助将不胜感激!
谢谢!
这是从FontSquirrel生成的代码,并且在其他所有浏览器(包括IE)中运行良好,但不是强大的Firefox!我究竟做错了什么？
(ps-我使用的是FF3.5)
如果您无法查看我的示例,请参阅以下内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex, nofollow" />
<title>Fonts Firefox test</title>
<style type="text/css">
/*********** CHEVIN @font-faces **********/
@font-face {
font-family: ChevinLight;
src: url(uploads/fonts/chevilig-webfont.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ChevinBold;
src: url(uploads/fonts/chevibol-webfont.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ChevinExbold;
src: url(uploads/fonts/cheviextbol-webfont.ttf);
font-weight: normal;
font-style: normal;
}
/*********** @font-faces FOR IE **********/
@font-face {
font-family: ChevinLight;
src: url(uploads/fonts/chevilig-webfont.eot);
} …这是我的CSS(在iOS 4.2中有效)的示例,但在iOS <4.1的任何早期版本中都不起作用
/**** CSS3 Font embedding ****/
@font-face {
font-family: 'ChevinLight';
src: url('./uploads/fonts/chevilig-webfont.eot');
src: url('./uploads/fonts/chevilig-webfont.ttf') format('truetype'), url('./uploads/fonts/chevilig-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ChevinBold';
src: url('./uploads/fonts/chevibol-webfont.eot');
src: url('./uploads/fonts/chevibol-webfont.ttf') format('truetype'), url('./uploads/fonts/chevibol-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body {
height: 100%;
font-family: Helvetica, Arial, sans-serif;
background: #009933;
padding: 0 10px 0 10px;
}
/****** ELEMENTS *****/
h1, h2 {
text-transform: uppercase;
color: #FFFFFF;
}
h1 {
font-family: 'ChevinBold', Helvetica, Arial, sans-serif;
font-size: 16px;
margin: 0 0 5px …我在页面上的不同位置有2个单独的菜单,如下所示:
<div class="TopNav">
<ul>
<li><a href="">one</a></li>
<li><a href="">two</a></li>
<li><a href="">three</a></li>
</ul>
</div>
<div class="LowerNav">
<ul>
<li><a href="">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
</ul>
</div>
当设备宽度小于768时,是否有一种方法可以将全宽导航切换下拉两种导航组合在一起？
所以他们会变成:
<div class="BothNav">
<ul>
<li><a href="">one</a></li>
<li><a href="">two</a></li>
<li><a href="">three</a></li>
<li><a href="">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
</ul>
</div>
$('#nav a').click(function () {
$('#nav a').removeClass('current');
$(this).addClass('current');
return false;
});
我的HTML是:
<ul id="nav">
<li><a class="current hoc" href="#spread1-anchor">Home</a> /</li>
<li><a class="bgc" href="#spread2-anchor">Background</a> /</li>
<li><a class="apc" href="#spread3-anchor">Approach</a> /</li>
<li><a class="clc" href="#spread4-anchor">Client</a> /</li>
<li><a class="sec" href="#spread5-anchor">Services</a> /</li>
<li><a class="coc" href="#spread5-anchor">Contact</a></li>
</ul>
如果它有帮助,我的URL是:Karls示例站点
使用上面的jQuery代码 - 当用户刷新页面时,如何存储最后点击的链接？我是jQuery的初学者,虽然我已经看过那里的答案,但大多数都是用滑块或手风琴做的,所以在我学习遏制的这个阶段让我理解得太复杂了!:)
如果需要的话,请有人可以帮助并显示如何实现代码或插件(我在网上看到了一个cookie插件)