小编pag*_*gol的帖子

我想制作一个翻转按钮,如https://www.plantflags.com/en/

这个网站按钮翻转效果.示例:如果您在按钮上翻转,则文本应淡出,箭头应从左侧开始并创建.在推出之后,箭头向右侧逐渐淡出,文本再次淡入.

示例:如果您访问该网站并翻转该按钮,您就会明白.

我已经研究了他们的代码,CSS我可以理解,但是有一个我无法理解的JS问题.

你能弄清楚我怎么能像这种类型的翻转效果一样.

有像html的代码

<a href="#" class="promo__button" data-module="modules/AnimatedArrowButton" data-contact-button>Tell me more</a>

有数据属性 modules/AnimatedArrowButton实际上调用js并创建更多跨度

没有效果的演示https://jsfiddle.net/cyber007/78pshojd/

我想创建一份包含文件/图像上传的提交表单。公司徽标/图片等的图像。通常我知道如何附加图像，作为邮件中的附件，但我希望将图像作为图像标签附加在邮件正文上，这样当我打开电子邮件时，我可以看到所有包含图像的文件，然后打印来自电子邮件。

下面的电子邮件示例

<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <th scope="row">Your Name</th>
      <td>[your-name]</td>
    </tr>
    <tr>
      <th scope="row">Your Email</th>
      <td>[your-email]</td>
    </tr>
    <tr>
      <th scope="row">Subject</th>
      <td>[your-subject]</td>
    </tr>
    <tr>
      <th scope="row">Your Message</th>
      <td>[your-message]</td>
    </tr>
    <tr>
      <th scope="row">Picture</th>
      <td><img src="[file-305]"></td>
    </tr>
  </tbody>
</table>

有什么方法可以发送邮件正文中图像标签上的图像，或者可以将其作为 pdf 文件完整发送吗？

如果有任何免费或付费插件也可以。

在我的页面中,我为iframe和youtube链接添加了prettyphoto.但现在问题是在YouTube链接部分全屏选项不工作它说"全屏不可用"但如果我使用Lity - 轻量级响应灯箱然后全屏工作.但由于lity灯箱对窗口大小有限制,我不使用.

HTML

<a href="http://xxxxx.com/video-popup/?vpid=46&amp;iframe=true&amp;width=600&amp;height=320" rel="prettyPhotov[iframes]" title=" Hotel Granvia Kyoto" class="flaticon-film51"></a>

JS

 $(".videoiteam a[rel^='prettyPhotov']").prettyPhoto({

      overlay_gallery: false,

      theme: 'dark_square',

      social_tools: false,

      slideshow:false, 

      show_title: false

      });

附件是图像