Tag: html

如何滚动table的“tbody”独立于“thead”？: 如下所述：表格行可以分别使用THEAD，TFOOT和TBODY元素分组到表格头，表格脚和一个或多个表格主体部分。这个部门使得用户代理可以独立于桌子的头部和脚部来支持桌子的滚动。我创build了以下示例，但它不起作用。 HTML： <table> <thead> <tr> <td>Problem</td> <td>Solution</td> </tr> </thead> <tbody> </tbody> </table> JS： $(function() { for (var i = 0; i < 20; i++) { var a = Math.floor(10 * Math.random()); var b = Math.floor(10 * Math.random()); var row = $("<tr>").append($("<td>").html(a + " + " + b + " =")) .append($("<td>").html(a […]

如何在php中使用一张图片绘制一个形状: 我需要使用一张图片创build一个帧图像。例如：用户将从后端上传图片：现在我需要根据前端用户的要求在前端创build一个框架（用户将select框架的高度和宽度，然后他将select这个图片），如下所示：我没有办法做到这一点，我试图通过CSS和HTMLcanvas做到这一点，但没有运气。有人可以请我build议我怎样才能实现这一点，通过使用PHP或CSS或HTML或JavaScript或任何如何。你可以在这里看到这个工作的例子，实际上我需要做的。创build你自己的框架

如何保持头静态，滚动时总是在顶部？: 我将如何去保持我的header滚动页面的其余部分？我想过使用frame-sets和iframes frame-sets ，只是想知道是否有一个更容易和更友好的方式，这样做最好的做法是什么？

如何调整图像大小以适应浏览器窗口？: 这似乎微不足道，但毕竟研究和编码，我不能得到它的工作。条件是：浏览器窗口大小未知。所以请不要提出一个涉及绝对像素大小的解决scheme。我不希望滚动条出现（如果图像适合，他们不应该）。该图像可能已经或可能不适合浏览器窗口。它始终居中。图像比例必须保持。图像必须全部显示在窗口中（不裁剪）。基本上我想要的是这样的： .fit { max-width: 99%; max-height: 99%; } <img class="fit" src="pic.png"> 上面的代码的问题是，它不起作用：PIC通过添加一个垂直滚动条获取所需的所有垂直空间。在我的处置是PHP，JavaScript，JQuery，但我会杀死一个CSS的唯一解决scheme。我不在乎，如果它不工作在IE浏览器。谢谢这里是我现在使用的最好的解决scheme，使用JQuery，从下面的gutierrezalex答复启发。这个想法是给图像容器一个高度，以便max-height正如预期的那样工作： <!DOCTYPE html> <html> <head> <style> * { padding: 0; margin: 0; } .fit { max-width: 100%; max-height: 100%; } .center { display: block; margin: auto; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> […]

在各种浏览器中的javascript中读取客户端的文件内容: 我正试图提供一个仅脚本的解决scheme，通过浏览器读取客户机上文件的内容。我有一个适用于Firefox和Internet Explorer的解决scheme。这不是很好，但我现在只是在尝试： function getFileContents() { var fileForUpload = document.forms[0].fileForUpload; var fileName = fileForUpload.value; if (fileForUpload.files) { var fileContents = fileForUpload.files.item(0).getAsBinary(); document.forms[0].fileContents.innerHTML = fileContents; } else { // try the IE method var fileContents = ieReadFile(fileName); document.forms[0].fileContents.innerHTML = fileContents; } } function ieReadFile(filename) { try { var fso = new ActiveXObject("Scripting.FileSystemObject"); var fh = […]

用divreplaceHTML表格: 好吧，我正试图购买html表格不应该被使用的想法，而divs应该是。但是，我经常有类似于以下的代码 <table> <tr> <td>First Name:</td> <td colspan="2"><input id="txtFirstName"/></td> </tr> <tr> <td>Last Name:</td> <td colspan="2"><input type="text" id="txtLastName"/></td> </tr> <tr> <td>Address:</td> <td> <select type="text" id="ddlState"> <option value="NY">NY</option> <option value="CA">CA</option> </select> </td> <td> <select type="text" id="ddlCountry"> <option value="NY">USA</option> <option value="CA">CAN</option> </select> </td> </tr> </table> 我想要标签alignment，我想控制alignment。我怎样才能做到这一点，而不使用表？

使用javascript / html5即时生成声音: 是否有可能与JavaScript / HTML生成一个不断的声音stream？例如，为了产生一个永久的正弦波，我会有一个callback函数，当输出缓冲区变为空的时候会被调用： function getSampleAt(timestep) { return Math.sin(timestep); } （这个想法是用这个来制作一个交互式的合成器，我不知道一个键被按下多久，所以我不能使用一个固定长度的缓冲器）

我怎样才能使用CSS的浮动顶部？: 我知道CSS只支持float属性的左值和右值，但有没有一种技术来实现浮动顶？我会尽力解释。我有以下代码： <div style="float:left"> <div style="float:left"> <div style="float:left"> …. 有了这个代码，每个div都浮动到左边，直到达到页面的正确限制。我想做同样的事情，但垂直，以便每个股利被放置在前一个底部，然后，当达到页面的底部限制，创build一个新的列。有没有办法做到这一点只使用CSS（也许编辑HTML代码）？

如何使用CSS修复Div到页面顶部: 我正在写一个词汇表页面。我有页面顶部的字母链接。我想保持页面的顶部（包括字母表链接）固定，而页面的部分与定义，点击字母上下滚动。我的HTML看起来有点像这样： <html> <head><title>My Glossary</title></head> <body> <div id="top"> <a href="#A">A</a> | <a href="#B">B</a> | <a href="#Z">Z</a> </div> <div id="term-defs"> <dl> <span id="A"></span> <dt>foo</dt> <dd>This is the sound made by a fool</dd> <!– and so on … –> </dl> </div> </body> </html> [编辑] 我试图创造的效果类似于这里的效果。不同的是，在链接的例子中，页面滚动是在用户点击一个类别时完成的。在我的情况下，当页面顶部的索引（即字母表）被点击时，我想滚动页面。