Tag: html5
在css / js / jquery / html中应用玫瑰色调或更改整个文档的亮度？
实现这一目标有更好的做法吗？ 目前我正在使用宽度/高度为100％的不透明红色div，更高的z-index和指针事件：none，它允许下面的所有内容工作。 此外，我希望能够调整整个文档，是否有任何类型的亮度属性我可以应用或者我会再次更好地在所有内容上放置不透明的黑色层？ 只是想知道我是否会采取错误的方式。 我也对js / jquery解决方案感兴趣，如果它们更高效，我也不会担心与旧浏览器的兼容性。 **如果有人能告诉我制作一切黑白的最简单方法，我也非常感激。
响应式设计中使用Canvas或SVG进行图像遮罩
我试图在网站上渲染图像，好像它们是不同的几何形状。 例如，正常方形图像可以显示为六边形，圆形，五边形，八边形等。 这是一个响应式网站，意味着原始图像的样式max-width: 100%; ，它们的大小取决于它们的容器元素。 我首先想到的是创建几个透明的PNG“叠加图像”，其中每个所需的几何形状在透明区域中“敲出”然后使用z-index覆盖原始图像顶上的掩模。 有没有更好的方法来使用canvas或SVG（甚至其他东西），并仍然允许图像和蒙版在浏览器窗口resize时均匀resize？ 我需要考虑哪些性能考虑因素？ 最终的生产代码将使用jQuery，所以如果我需要它用于任何这些方法，它将在那里。
网站背景图像水平动画Infinate Loop？
我想在我的网站背景上放置一张云图像的云图像，这些云图像会慢慢地，但是从左到右或从右到左无限制地形成动画。 我不擅长编码，但我认为jQuery插件应该可以解决问题。 我已经有了CSS的渐变背景，所以我只想在网站的bg和内容之间设置一些白云来制作动画。 对不起，如果这是一个非常“Duh”的问题！ 或者HTML5？
如何从多个嵌套的if条件中调用json
我正在使用CodeIgniter。 我正在处理批量列表的小项目。 现在如果管理员想要创建批处理列表，那么应该输入开始日期和结束日期以及开始时间和结束时间，然后它将在数据库中检查批处理在相同的日期和时间运行？ 如果是，那么它将显示消息，否则它将创建新的批次列表。 如果日期相同，则时间应该不同。 现在我的逻辑是，我将第一个new_start_date与exist_start_date和exist_end_date进行比较，如果在中间找到了日期，那么它将检查时间。 它的工作直到日期比较。 即使它正在检查时间，但从那里如何退出进程并调用JSON？ 因为从那里我的JSON无法正常工作。 我添加”echo “time not match”;” 从那里我无法调用JSON我在网络选项卡上获得输出。 我得到了输出 enter 1enter 2{“error”:true,”msg”:”Batch Created”}time not match 你能帮助我吗？ $id = $this->input->post(‘venue_id’); $venue_id = implode(‘,’,$id); $activity_list_id = $this->input->post(‘activity_name’); $new_batch_start_date = date(‘Ym-d’,strtotime($this->input->post(‘start_date’))); $new_batch_end_date = date(‘Ym-d’,strtotime($this->input->post(‘end_date’))); $new_batch_start_time = $this->input->post(‘start_time’); $new_batch_end_time = $this->input->post(‘end_time’); $days = implode(‘,’,$this->input->post(‘days’)); //print_r($days); if($new_batch_start_date >= $new_batch_end_date) { $response[‘error’] = false; $response[‘msg’] […]
如何在类中执行多个setTimeout jQuery？
我有一个名为.content的类，这个内容有一个名为.data-time的属性，我想隐藏它所有的元素.content类有setTimeout()函数，有人可以帮帮我吗？ HTML代码： ; jQuery代码： $(“.content”, this ).each(function(){ var time = $(this).attr(“data-time”); setTimeout(function() { $(this).hide(“slow”); }, time); }); 请帮我这样做。
使用CSS和JQuery创建组织结构图结构
我正在检查Twitter Bootstrap中的堆栈论坛树，看到你可以通过CSS实现什么真的很有趣。 由于链接中提到的示例是垂直流动，因此可以实现与水平流动相同的操作。 例如 作为参考，我添加了JS Fiddle链接： http ： //jsfiddle.net/Fh47n/ Parent Child Grand Child Child Grand Child Grand Child Great Grand Child Great Grand Child Great Grand Child Grand Child .tree li { margin: 0px 0; list-style-type: none; position: relative; padding: 20px 5px 0px 5px; } .tree li::before { content:”; position: absolute; top: 0; width: 1px; […]
创建HTML5canvas模式并用它们填充内容
我与.createPattern(image,”repeat”)有.createPattern(image,”repeat”) 。 1.我可以使用.toDataURL()和.createPattern()创建的自己的模式填充正方形吗？ 2.我可以填充一个带有图案的正方形，这是当前的canvas吗？ 我的jsFiddle HTML JavaScript的 var canvas = document.getElementById(“canvas”); var context = canvas.getContext(“2d”); context.strokeRect(0.5, 0.5, 10, 10); context.arc(5.5, 5.5, 3, 0, Math.PI); context.rect(3, 3, 1, 1); context.rect(7, 3, 1, 1); context.stroke(); var img = new Image(); img.src = canvas.toDataURL(); context.drawImage(img, 10, 10); // works context.beginPath(); var pattern = context.createPattern(img, “repeat”); // doesn’t work […]
如何在自动resize上设置日期搜索工具栏字段宽度
我正在寻找一种在autoresize上设置日期工具栏搜索字段宽度的方法。 我试过代码 如何使搜索工具栏中的html5日期字段尊重列宽 评论： var serverResponse = { “page”: “1”, “records”: “3”, “rows”: [ { “Id”: “1”, IsActive: “2015-01-09” }, { “Id”: “2”, IsActive: “2015-01-05” }, { “Id”: “3”, IsActive: “2015-01-21” } ] }, dateTemplate = { sorttype: “date”, formatter: “date”, formatoptions: { srcformat: “Ymd”, reformatAfterEdit: true }, autoResizing: { minColWidth: 50 }, autoResizable: true, […]
从容器拖动控件并在canvas上放置/绘制它们
我想允许用户从一个div容器拖动图标并放下并在canvas上绘制它们，保持原始图标不变。 图标是在表格上动态添加的。 当我拖动图标时，我也希望用光标拖动图标效果。当我使用“helper：’clone’”属性时，我得到效果但是删除的位置不正确，当我删除此属性时，原始图标被删除。 我父图标的容器 10-FL-105-A20100200 10-FL-3111-A20100199 Javascript函数使图像可拖动 $(“img[id^=imgEquipIcon]”).each(function () { $(this).draggable({ containment: “#dvContainer”, scroll: false,//helper: ‘clone’, stop: function (event, ui) { var stoppos = $(this).position(); alert(stoppos.left+”,”+ stoppos.top); var img = new Image(); img.src = this.src; createEquipIcon(img, stoppos.left, stoppos.top); } }); }); function createEquipIcon(img, X, Y) { var dv = document.createElement(‘div’); $(dv).css(‘top’, Y); $(dv).css(‘left’, X); $(dv).css(‘cursor’, […]
如何将文件输入克隆到隐藏iframe中的另一个文件输入
我有一个具有文件输入元素的表单，当用户选择文件时，我想将所选文件设置为隐藏iframe中的另一个文件输入， 这是我的forms： Upload 和我的java脚本： function addFile(){ //this is where i want to clone the fileone to filetwo and submit the form which is in iframe } 我见过这样的事情，但真的不知道该怎么做： $(“.inputfield1”).change(function(){ var $this = $(this), $clone = $this.clone(); $this.after(clone).appendTo(hiddenform); }); 请帮我完成这件事。
