小编Jit*_*yas的帖子

如何使用jquery将无序列表转换为格式精美的<select>下拉列表?

如何以此格式转换无序列表

<ul class="selectdropdown">
    <li><a href="one.html" target="_blank">one</a></li>
    <li><a href="two.html" target="_blank">two</a></li>
    <li><a href="three.html" target="_blank">three</a></li>
    <li><a href="four.html" target="_blank">four</a></li>
    <li><a href="five.html" target="_blank">five</a></li>
    <li><a href="six.html" target="_blank">six</a></li>
    <li><a href="seven.html" target="_blank">seven</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

进入这种格式的下拉列表

<select>
    <option value="one.html" target="_blank">one</option>
    <option value="two.html" target="_blank">two</option>
    <option value="three.html" target="_blank">three</option>
    <option value="four.html" target="_blank">four</option>
    <option value="five.html" target="_blank">five</option>
    <option value="six.html" target="_blank">six</option>
    <option value="seven.html" target="_blank">seven</option>
</select>
Run Code Online (Sandbox Code Playgroud)

使用jQuery?

编辑:从选择/下拉列表中选择条目时,链接应自动在新窗口或选项卡中打开.我也希望能够设置它的样式:http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

javascript css xhtml jquery

17
推荐指数
2
解决办法
4万
查看次数

通过将Sizzle.js和jquery1.4.2包括在一起,我可以获得多少益处?

从jquery.com下载的最新jquery 1.4.2也附带了Sizzle.js.

我可以从Sizzle.js中获取的方式和利益是多少?

Sizzle.js是一个独立的库吗?

为什么它包含在jquery库中?

/*!
 * jQuery JavaScript Library v1.4.2
 * http://jquery.com/
 *
 * Copyright 2010, John Resig
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 * Copyright 2010, The Dojo Foundation
 * Released under the MIT, BSD, and GPL Licenses.
 *
 * Date: Sat Feb 13 22:33:48 2010 -0500
 */
Run Code Online (Sandbox Code Playgroud)

虽然这是在sizzle.js网站上提到的

完全独立(没有库依赖)

css xhtml jquery sizzle

17
推荐指数
3
解决办法
3万
查看次数

你如何选择何时使用DIV以及何时使用SPAN来包装东西?

你如何选择何时使用DIV以及何时SPAN包装?

很多时候我们制作PSD 2 HTML,在某些条件下获得任何效果或包装一些东西以获得所需的效果,我们使用divspan.

我知道div是块级元素并且span是内联级元素,我们可以通过CSS更改显示属性.我也知道div不能进来span.

什么情况下你div作为一个display:inlinespan一个display:block?我们应该尽量避免这些情况吗?这在语义上是不正确的吗?

当我们使用空白divspan(内部没有内容)获得一些效果时,哪个是正确的?

html css xhtml

17
推荐指数
1
解决办法
1万
查看次数

H2来源于h1之前,可以吗?

如果我<h2>用于左侧边栏标题并<h1>用于主要中心内容区域标题然后实际上在源中,并且如果CSS被禁用,则两种情况<h2>都在之前<h1>.

好吗?或者我不应该使用<h2>左侧边栏标题?

更新:2月5日

添加了示例图像

标题结构http://easycaptures.com/fs/uploaded/235/1182330679.png

为什么我要问因为我总是在许多文章中读到<H1>应该是页面中的第一个标题.

alt text http://www.crearecommunications.co.uk/seo-blog/wp-content/uploads/2009/11/heading-subheads.gif

css xhtml seo accessibility

16
推荐指数
2
解决办法
1万
查看次数

在HTML 5中,Microformats vCard仍然是编码"联系信息"的最佳语义方式吗?

微格式仍然是编写网页中联系信息的最佳语义方式吗?

在此输入图像描述

我差不多2年前问了这个问题,得到了Microformat最好的解决方案.在html中编写物理地址的最佳方法是什么?

现在在HTML 5中,这仍然是最好的方式吗?

<div class="vcard">
  <span class="fn">Gregory Peck</span>
  <a class="org url" href="http://www.commerce.net/">CommerceNet</a>
  <div class="adr">
    <span class="type">Work</span>:
    <div class="street-address">169 University Avenue</div>
    <span class="locality">Palo Alto</span>,  
    <abbr class="region" title="California">CA</abbr>  
    <span class="postal-code">94301</span>
    <div class="country-name">USA</div>
  </div>
  <div class="tel">
   <span class="type">Work</span> +1-650-289-4040
  </div>
  <div class="tel">
    <span class="type">Fax</span> +1-650-289-4041
  </div>
  <div>Email: 
   <span class="email">info@commerce.net</span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css html5 semantic-markup

16
推荐指数
2
解决办法
1万
查看次数

推迟解析JavaScript - Google Page Speed

我的所有JavaScript文件都已经在底部,但Google Page Speed正在提供此建议以提高速度:

推迟解析JavaScript

在初始页面加载期间解析了88.6KiB的JavaScript.推迟解析JavaScript以减少页面呈现的阻塞. http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js (76.8KiB)的http://websiteurl/js/plugins.js(11.7KiB)的http:// websiteurl / (内联JavaScript的109B)

这是我的html(示例)

<html>
<head>
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<head>
<body>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.min.js"%3E%3C/script%3E'))</script>
    <script src="js/plugins.js"></script>
    <script>$(document).ready(function() {
            $("#various2").fancybox({
                'width': 485,
                'height': 691,
            });
        });</script>
    </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

如何通过延迟来提高性能?

它仅适用于Google Chrome或所有产品吗?

javascript performance jquery google-pagespeed

16
推荐指数
2
解决办法
3万
查看次数

如何在不使用JavaScript的情况下异步加载CSS?

假设我有一个网站http://somethingsomething.com

我有3个css文件

  • common.css
  • homepage.css
  • 内pages.css

homepage.css主页需要,并且common.css是整个网站,但是inner-pages.css仅用于其他页面,是大文件.inner-pages.css主页数据下载后是否可以加载.就像我们使用标签async属性一样script.据我所知, async属性仅适用于JS而不是CSS

我的一个朋友建议在这个http://requirejs.org/docs/faq-advanced.html#css上使用requirejs,但是我不想用javascript加载css,甚至我会想到JS方式我不会用require.js就是为了这个.所以,如果只有CSS不可能.什么是简单的JS方法来做到这一点?

css performance

16
推荐指数
2
解决办法
4万
查看次数


body {font-size:100.01%; } vs body {font-size:100%; }?

我应该保留什么body,{font-size: 100.01%; }或者{ font-size: 100%; }

是什么{font-size: 100.01%; }html{}甚至提到font-size真的很好

如果我正在使用 body {font-size: 62.5%;}

编辑:2010年5月3日

今天我100.01%在这里找到了相关信息- http://www.communitymx.com/content/article.cfm?cid=FAF76&print=true

这个奇怪的100.01%的字体大小可以补偿几个浏览器错误.首先,以百分比(而不是em)设置默认正文字体大小可以消除IE/Win问题,如果稍后在其他元素的ems中设置字体,则会增加或缩小字体的比例.此外,与其他浏览器相比,某些版本的Opera会将默认字体大小设置为100%.另一方面,Safari的字体大小为101%.目前"最佳"建议是使用此属性的100.01%值.

它是很好的保持body { font-size:100.01%}到位{font-size:100%}

css xhtml cross-browser

15
推荐指数
1
解决办法
1万
查看次数

如何使用jQuery .next()选择下一个(或多于2个)项目?

使用jQuery的.next功能我想显示下两个项目.默认情况下,它仅选择下一个项目.

我需要控制,就像有时我需要接下来的2,有时候接下来的3

javascript jquery jquery-selectors

15
推荐指数
1
解决办法
2万
查看次数