Tag: html

jQuery的 – 附加一个div到正文,正文是对象?

当我将div添加到body时,它将返回body作为对象,然后每当我使用它时 – 显然是使用body。 坏。 码:- var holdyDiv = $('body').append('div'); $(holdyDiv).attr('id', 'holdy'); 握住的“身份证”现在被添加到身体…呃? 我究竟做错了什么。

如何在Click – Material Design中创build纹波效果

我是新来的CSSanimation,我一直试图通过查看他们的代码,使他们的animation工作在最后几个小时,但我不能让它现在工作。 我在谈论这个效果: https : //angular.io/ (菜单效果)。 基本上,这是一个点击animation,从鼠标光标展开一个圆圈。 似乎归结为这两行: transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1); transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1); PS:也许有一些我没有看到的jQuery。

点击描述时勾选checkbox

我将创build一个由jQuery和JSON构build的checkbox列表。 该列表将是消息可以发送到的组的select。 它可能是更多的团体之一。 这部分我可以弄清楚。 我遇到的问题是如何启用描述,以便当我点击描述时,checkbox被选中。 <div> <label for="group"> Select lists </label> </div> <div> <input type="checkbox" name="group" id="group" value="1" title="Main List" />Main List <input type="checkbox" name="group" id="group" value="2" title="Secondary List" />Secondary List </div>

jquery事件执行后如何保持页面滚动位置?

我已经search了高和低的答案,并已find类似的问题的例子,但答案不适用于我的情况。 现实是我是新来的,因此我没有能力使我find的答案适应我的问题。 问题: 我有一个Div,当单击缩略图时,Div图像通过JavaScript / jQuery脚本replace另一个图像(我不确定是否有人可以澄清)。 这工作正常,但问题是页面滚动回到顶部,然后用户必须向下滚动以查看自己已经取代后的图像。 我在网上看了一下,发现返回false:但是JavaScript中可以帮助我查看并返回false已经存在。 我看过的另一个选项是基于JavaScript cookie的解决scheme,在该解决scheme中发送cookie,浏览器滚动位置通过读取Cookie来维护,但是我似乎无法得到该解决scheme的工作,我认为这个问题可能会导致因为我在本地托pipe,但我可能是错的… 第三个是使用PHP脚本,但我还没有find这个方法的明确答案,这也意味着我将不得不学习有关PHP(我确信我将不得不及时学习)。 这里是JavaScript: <script type="text/javascript"> $(document).ready(function() { $('.galleryicon').live("click", function() { $('#mainImage').hide(); $('#cakebox').css('background-image', "url('ajax-loader.gif')"); var i = $('<img />').attr('src',this.href).load(function() { $('#mainImage').attr('src', i.attr('src')); $('#cakebox').css('background-image', 'none'); $('#mainImage').fadeIn(); }); return false; }); }); </script> 这里是html: <div class="cakecont"> <div id="cakebox"> <img src="..http://img.dovov.comcakes/babycake1.png" alt="Main Image" id="mainImage"/> <div class="pageinfo2"> <h3>Cake Type 1</h3> <h6>£2.00</h6> […]

CSS在每个孩子之后清除

我有一个容器内有多个宽度相同的项目。 由于元素的高度不同,alignment方式有问题,您可以在下面的图像中看到。 我想在每一个第三个项目之后清除而不改变html标记,以便第四个项目进入下一行。 我试图添加n-child(3):之后,但似乎不起作用。 代码如下: HTML: <div class="list"> <div class="item">Lorem ipsum dolor sit amet,</div> <div class="item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> <div class="item">Lorem ipsum dolor sit amet,</div> <div class="item">Lorem ipsum dolor sit amet,</div> <div class="item">Lorem ipsum dolor sit amet</div> </div> CSS: .item:nth-child(3):after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; […]

HTML <label>命令在Iphone浏览器中不起作用

在我正在做的一个HTML页面,我试图让div的可点击使用HTML和CSS。 这已经在我已经testing过的一些主stream浏览器(Chrome,Firefox,Opera,Safari)以及HTC手机上完美运行,但是当我试图在Iphone上testing它时,我发现它不起作用。 checkbox本身甚至不可选。 这是我的(除了iPhone上的代码)代码: HTML: <div class="" style="height: 30px;"> <div style="display: table; width: 100%;"> <div style="display: table-row; width: 100%;"> <div style="display: table-cell;"> <label for="3171">Text….</label> </div> <div style="display: table-cell; text-align: right;"> <input type="checkbox" id="3171" name="3171"> </div> </div> </div> <label for="3171"> <span class="blocklink">Invisible text</span> </label> </div> CSS: .blocklink { display: block; height: 100%; left: 0; overflow: hidden; […]

在Web应用程序中使用True type字体

目前我看到很多网站使用真正的字体 。 我想知道如何在我们的应用程序中使用真正的字体,并影响页面的加载时间?

更改/获取CheckBox的检查状态

我只想用JavaScript来获取/更改CheckBox的值。 不,我不能使用jQuery。 我试过这样的东西,但它不会工作。 JavaScript函数 function checkAddress() { if (checkAddress.checked == true) { alert("a"); } } HTML <input type="checkbox" name="checkAddress" onchange="checkAddress()" />

居中alignment一个HTML表格

在我目前正在处理的一个页面上,我似乎无法将表格中间的一个图像放在第一行和两列下面的文本中(两列不应该超过图像的宽度)这是网页: http : //www.puzzles-et-jeux.com/fr/page/minipuzzles.html我花了很多时间试图解决这个问题。 我想保持它在HTML中,因为我必须赶时间,也因为我必须创build20页的不同的宽度/布局为每个图像的sorting。

删除Microsoft Edge的电话号码样式

我注意到,当新的Microsoft Edge浏览器检测到电话号码时,它将覆盖我的样式: <span class="phone">(123)123-1234</span> 看到这个jsfiddle (必须使用Microsoft Edge:P打开)。 这种侵入网站的devise,是相当讨厌的。 当然,这似乎是IE的继任者的特征:/ 我怎样才能覆盖或禁用这个,所以我的网站用户不会看到它?