小编Hue*_*Hue的帖子

jquery在div中包装一个iframe

如何在div中使用jquery包装iframe,例如,如果使用vimeo嵌入iframe,则在加载时jquery将其包装在div类中:

<div class="iframe"><iframe src="http://player.vimeo.com/video/23358638?title=0&amp;byline=0&amp;portrait=0" width="500" height="300" frameborder="0"></iframe></div>    
Run Code Online (Sandbox Code Playgroud)

iframe jquery

6
推荐指数
1
解决办法
7392
查看次数

只加载该页面中使用的@ font-face

我的样式表中有多个@ font-face字体,有没有办法只加载那个页面上使用的字体?除了为每个具有该字体的页面加载单独的样式表.

html css css3 font-face

6
推荐指数
1
解决办法
2045
查看次数

Jquery在h1标签内添加div

使用jquery,我如何在所有h1标签内的文本周围包装div类.例如,做所有

<h1> test </h1>

在一份文件中

<h1> <div class="wrap">test </div></h1>.

我有精神障碍.任何帮助将非常感激.

html jquery

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

2个div上的随机预定义背景颜色和文本颜色

我想创建一个Jquery脚本,它将从10的列表中随机选择一种颜色,然后将其作为背景颜色应用于一个div,以及h1标签的颜色.

到目前为止,我有这个随机颜色:

$(document).ready(function() { var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ','
                 + (Math.floor((256-199)*Math.random()) + 200) + ','
                 + (Math.floor((256-199)*Math.random()) + 200) + ')';
$('#controls-wrapper').css("background-color", hue);
$('h1').css("color", hue);});
Run Code Online (Sandbox Code Playgroud)

但是如何从10种颜色的列表中随机选择呢?我找到了这个,但不知道如何将它应用于bg color div和h1标签.

$("#controls-wrapper").each(function(){ 
var colors = ["#CCCCCC","#333333","#990099"]; 
var rand = Math.floor(Math.random()*colors.length); 
$(this).css("background-color", colors[rand]);});
Run Code Online (Sandbox Code Playgroud)

css jquery background-color

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

PHP随机选择选项的顺序

我的页面中有以下选择选项,我想按顺序随机化.

<select class="selectpicker1 show-menu-arrow span2" onchange="updatePreview();">
    <option data-content="<img src='img/render/3-thumb.jpg'>" value="3.jpg">three</option>
    <option data-content="<img src='img/render/5-thumb.jpg'>" value="5.jpg">five</option>     
    <option data-content="<img src='img/render/1-thumb.jpg'>" value="1.jpg">one</option>
    <option data-content="<img src='img/render/2-thumb.jpg'>" value="2.jpg">two</option>
    <option data-content="<img src='img/render/4-thumb.jpg'>" value="4.jpg">four</option>   
    <option data-content="<img src='img/render/6-thumb.jpg'>" value="6.jpg">six</option>  
    <option data-content="<img src='img/render/7-thumb.jpg'>" value="7.jpg">six</option>    
  </select>
Run Code Online (Sandbox Code Playgroud)

到目前为止,我有以下代码,但它不起作用,这是随机化订单的最简单方法吗?并且代码有问题吗?

<?php 
  $options=array( '<option data-content="<img src="img/render/3-thumb.jpg">" value="3.jpg">three</option>', 
  '<option data-content="<img src="img/render/5-thumb.jpg">" value="5.jpg">five</option>', 
  '<option data-content="<img src="img/render/1-thumb.jpg">" value="1.jpg">one</option>'); 
  shuffle($options); 
  echo '<select class="selectpicker1 show-menu-arrow span2" onchange="updatePreview();">'; 
  foreach ($options as $picker) { 
  echo '$picker'; } 
  echo '</select>'; ?>
Run Code Online (Sandbox Code Playgroud)

php

0
推荐指数
1
解决办法
76
查看次数

标签 统计

jquery ×3

css ×2

html ×2

background-color ×1

css3 ×1

font-face ×1

iframe ×1

php ×1