Tag: animation

ajax a href onclick获取php变量并执行php文件

在我提出这个问题之前,我已经提到了这个问题的例子。 但是,它似乎不起作用。 不使用ajax,我可以删除我的post,但在实现ajax后,deleteAtc.php似乎无法正常工作。 我的删除页面代码(delete.php) Select an Article to Delete: Delete $(function(){ $(‘#link’).click(function(){ var id = ; $.ajax({ type: “GET”, url: “deleteAtc.php”, data: “id”+id+, sucess: function() { $(‘#sucess’).html(data); } }) return false; }); }); 虽然我的deleteAtc.php代码: prepare(‘DELETE FROM articles WHERE article_id = ?’); $query->bindValue(1, $id); $query->execute(); echo “Article deleted”; } } ?> 我在这里要做的是删除记录而不重定向到deleteAtc.php ,它将删除记录并替换Article Deleted 我可以知道我在阿贾克斯方面出了什么问题吗? 请参阅下面的更新问题 […]

将延迟的CSS动画添加到每个列表项

我正在尝试编写一些jquery,它将遍历指定的无序列表/ dom元素,并为每个列表项/子项分配一个CSS(动画)类。 我还想在.addClass之间设置一个可调节的延迟时间。 我尝试过的一切都惨遭失败。 例如: Item 1 Item 2 Item 3 Item 4 变为: Item 1 (50ms delay) Item 2 (50ms delay) Item 3 (50ms delay) Item 4 (50ms delay) 有什么想法吗?

具有“滑动效果”的jquery可排序插件?

jQueryUI有一个很好的插件,可排序: http : //jqueryui.com/demos/sortable/我对这个插件非常满意,但我只缺少一件事。 而不是让改变位置的元素弹出/跳转到新位置,我希望它们“滑动”到新的位置。 换句话说,让它更平滑一点。 我已经在’网上搜索了三天了,并没有找到一个插件(!?!??)。 我的意思是来吧,必须有一个,对吗? 我也尝试过自己修改一下代码,然后让它工作(通过克隆元素,将克隆滑动到新位置,然后删除克隆。同时我隐藏了原始元素删除克隆后取消隐藏)。 但它不能很好地工作,我认为那里肯定有更好的一个! 所以我真的在寻求帮助。 请修改帮助,或者如果您看过这样做的插件,请(:

动画SVG +跨浏览器兼容性

我在使用http://lazylinepainter.info/创建的动画SVG时遇到问题 在Chrome上它完美无缺。 但是在Safari,Firefox和iOS上,动画将十字的终点显示为点。 这是我的小提琴: http://jsfiddle.net/ric0c/aqn6zkf4/1/ 这是我的svg代码: var pathObj2 = { “strategy”: { “strokepath”: [ { “path”: ” M22.5,59.6c10.8,0,19.5,8.7,19.5,19.5s-8.7,19.5-19.5,19.5S3,89.8,3,79.1c0-10.7,8.7-19.4,19.4-19.5″, “duration”: 600 }, { “path”: ” M177.4,3c10.8,0,19.5,8.7,19.5,19.5S188.2,42,177.4,42s-19.5-8.7-19.5-19.5c0-10.7,8.7-19.4,19.4-19.5″, “duration”: 600 }, { “path”: ” M113.5,155.6c10.8,0,19.5,8.7,19.5,19.5c0,10.8-8.7,19.5-19.5,19.5S94,185.8,94,175.1c0-10.7,8.7-19.4,19.4-19.5″, “duration”: 600 }, { “path”: ” M200.1,57.1c10.8,12.5,17.3,28.8,17.3,46.6c0,39.4-31.9,71.3-71.3,71.3″, “duration”: 600 }, { “path”: “M 141.2 73.7 L 166.2 98.7”, “duration”: 600 }, { “path”: […]

使用CSS3 / JS进行SVG径向擦除动画

如何在CSS3或JS中实现径向擦除动画? 它似乎很简单,但我无法弄清楚。

使用CSS3动画扩展圆圈

我试图这样做,当页面加载圆圈出现,这是好的,但我需要它们向外生长,从中心到小到大,而不是从左上角: 你可以看到我目前在这里: http : //thomasbritton.co.uk/projects/ebrd/ 理想情况下,希望这可以在CSS中完成,但如果它更容易/更稳定,可以使用JS。 有任何想法吗? 这是动画部分我的css: .circle a { border-radius: 150px; color: #fff; height: 0; position: absolute; text-decoration: none; width: 0; } .circle a.grow { -webkit-animation-name: grow; -webkit-animation-duration: 2.2s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; -moz-animation-name: grow; -moz-animation-duration: 2.2s; -moz-animation-timing-function: ease; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-delay: 0; […]