婚庆典礼电子邀请函模板

所属分类:UI-布局,滚动

 7359  205  查看评论 (15)
婚庆典礼电子邀请函模板 ie兼容10

一、替换背景图片:

<!-- Cover Background -->
            <div class="cover-bg pos-abs full-size bg-img" data-image-src="img/bg-slide3.jpg"></div>
			
            <!-- BEGIN OF Slideshow Background -->
            <div class="cover-bg pos-abs full-size slide-show">
				<i class='img' data-src='./img/bg-slide3.jpg'></i>				
				<i class='img' data-src='./img/bg-slide2.jpg'></i>
				<i class='img' data-src='./img/bg-slide1.jpg'></i>

			</div>
            <!-- END OF Slideshow Background -->

二、替换时间(倒计时截止时间)

<div class="site-config" data-date="1/15/2018 14:00:00" data-date-timezone="+8"></div>

三、替换背景音乐:

使用插件:jplayer详细使用方法及参数可以参照官网说明进行修改定制。

<script type="text/javascript">
 $(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
   ready: function () {
    $(this).jPlayer("setMedia", {
     mp3: "music.mp3",//背景音乐路径
	 
    }).jPlayer("play");
   },
   ended: function() { // The $.jPlayer.event.ended event
    $(this).jPlayer("play"); // Repeat the media //重复播放
  },
   swfPath: "/js",
   supplied: "mp3" //音乐类型
  });
 });
</script>

四、表单处理:

模板中涉及两个表单:

1.提交宾客姓名:

<form id="mail-subscription" class="form magic send_email_form" method="get" action="ajaxserver/serverfile.php">

处理脚本为serverfile.php

处理代码段为:

if (isset($_GET['submit_email'])) {
......
file_put_contents("email.txt", $email . " \r\n", FILE_APPEND | LOCK_EX);
......

处理结果为将页面传递字符保存为同目录下email.txt

2.处理留言;

<form class="message form send_message_form" method="get" action="ajaxserver/serverfile.php">

处理脚本为serverfile.php

else if (isset($_GET['submit_message'])) {
    $email = trim($_GET['email']);
    $name = trim($_GET['name']);
    $message = trim($_GET['message']);
    
    
	$email = filter_var(@$_GET['email'], FILTER_SANITIZE_EMAIL );
	
	$name = htmlentities($name);
	$message = htmlentities($message);



    if (!isset($response['error']) || $response['error'] === '') {       

     
      
        $content = "Name: " . $name . " \r\nEmail: " . $email . " \r\nMessage: " . $message;
        $content = str_replace(array('<','>'),array('&lt;','&gt;'),$content);
        $name = str_replace(array('<','>'),array('&lt;','&gt;'),$name);
        $message = str_replace(array('<','>'),array('&lt;','&gt;'),$message);
        
 
        
        file_put_contents("message.txt", $content . "\r\n---------\r\n", FILE_APPEND | LOCK_EX);
......

处理结果:保存页面传递表单并保存为同目录下message.txt

如果您也正想用作婚庆典礼邀请,那么提前祝贺您婚姻美满,生活幸福!

BY-avenjan 2016/12/24

相关插件-布局,滚动

基于jQuery简单可自定义响应式手机电脑端瀑布流

基于jQuery简单可自定义响应式手机电脑端瀑布流
  布局
 12258  51

bootstrap_admin后台管理模板

jQuery bootstrap响应式后台管理模板
  布局
 8487  40

jquery异步加载图片大图小图

jquery异步加载大图小图
  布局
 6803  59

jquery移动端框架-iscroll4.js

之所以iscroll会诞生,主要是因为无论是在iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。
  布局
 37963  56

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币

    fege111 0
    2017/9/6 21:00:43

    求完整版:fege12@21cn.com

    谢谢

    回复
    passer丶 0
    2017/8/7 11:01:31

    楼主我是库尔勒的  有机会认识一下啊  我也是PHP程序员。

        山南印象0
        2017/8/17 1:33:43
        效果挺棒的,就是没钱下载
    回复
    ?☆?小波 0
    2017/5/7 14:44:17

    效果挺棒的,就是没钱下载

    回复
              柠澈、 0
    2017/4/7 18:35:26

    太卡了,动画不流畅

    回复
    SiriBen 0
    2017/1/10 17:01:56

    我最后还是挣扎了一下下载了,哈哈,的确挺不错,正好我朋友要结婚,他们用的第三方的做的,显得没专属性,我给她们做一个送他们,哈哈

        依诺·朤曡♂0
        2017/1/12 14:01:29

        喜欢就好O(∩_∩)O~

        JAM0
        2017/8/22 14:09:20
        这个做下来,是在哪里发布呢?
    回复
    秦时明月? 0
    2017/1/8 9:01:32

    太贵了  楼主这是抢劫啊!

    回复
    SiriBen 0
    2017/1/7 9:01:16

    看起还不错的,的确有点小贵了

    回复
    哈哈哈哈 0
    2017/1/6 17:01:33

    我就想知道这首歌的歌名

        起风了0
        2017/1/8 1:01:41

        bgm: beautiful in white

    回复
    phpxp 0
    2017/1/6 15:01:29

    有点小贵啊。。。。哈哈

        JAM0
        2017/8/22 14:10:03

        多少钱呢

    回复
    @张一 0
    2017/1/6 14:01:12

    你这太贵了,就不是 分享的意义了,

    回复
取消回复