小编Daw*_*ven的帖子

响应水平页面滑动

我想创建水平响应页面导航,如下图所示: 水平响应页面导航过渡

这就是我设法做的事:DEMO

$(document).ready(function () {
    var slideNum = $('.page').length,
        wrapperWidth = 100 * slideNum,
        slideWidth = 100/slideNum;
    $('.wrapper').width(wrapperWidth + '%'); 
    $('.page').width(slideWidth + '%');
    
    $('a.scrollitem').click(function(){
        $('a.scrollitem').removeClass('selected');
        $(this).addClass('selected');
        
        var slideNumber = $($(this).attr('href')).index('.page'),
            margin = slideNumber * -100 + '%';
    
        $('.wrapper').animate({marginLeft: margin},1000);
        return false;
    });
});
Run Code Online (Sandbox Code Playgroud)
html, body {
    height: 100%;
    margin: 0;
    overflow-x:hidden;
    position:relative;
}
nav{
    position:absolute;
    top:0; left:0;
    height:30px;
}
.wrapper {
    height: 100%;
    background: #263729;
}
.page {
    float:left;
    background: #992213;
    min-height: 100%;
    padding-top: 30px;
}
#page-1 …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery responsive-design

15
推荐指数
1
解决办法
8290
查看次数

使用带有可复制输入的jquery ajax上传图像

**更新:**大家好,我几乎已经解决了这个问题,请看Jquery表单没有提交到IE7和IE8我只需要排序ot ie7和ie8,

我一直在使用这个插件上传文件作为电子邮件附件,我已经到了它实际工作的地步,唯一的问题是它目前使用它来提交:

jQuery.ajax({
    beforeSend: function() {
        status.empty();
        var percentVal = '0%';
        bar.css("width", percentVal)
        percent.html(percentVal);
    },
    uploadProgress: function(event, position, total, percentComplete) {
        var percentVal = percentComplete + '%';
        bar.css("width", percentVal)
        percent.html(percentVal);
        //console.log(percentVal, position, total);
    },
    complete: function(xhr) {
        status.html(xhr.responseText);
    }
}); 
Run Code Online (Sandbox Code Playgroud)

我需要将其添加到表单中,使用此提交:

jQuery.ajax({
        type: "POST",
        url: "mail.php",
        dataType: "json",
        data: {parameters: jsonData}
    });
Run Code Online (Sandbox Code Playgroud)

我如何使用我的提交形式使插件工作?

这是当前工作上传表单的JSFIDDLE.

然后我需要将工作与JSFIDDLE结合起来(我已将其缩短为仅上传字段,但还有一堆其他信息)

这里也是php发送功能:

<?php
    function printMember($member) {
        foreach($member as $key=>$value) {
            //Fill the aux string first
            $str.= "$key …
Run Code Online (Sandbox Code Playgroud)

javascript php jquery jquery-plugins

11
推荐指数
1
解决办法
1715
查看次数

JQuery Vertical Infinite Carousel

我一直在寻找过去的两个小时,是否有任何jQuery插件可以实现垂直无限轮播效果?更具体的是这里所需的布局:

垂直无限轮播布局

不幸的是,我现在真的没有经验也没有时间学习,以便通过纯粹的创造实现这一目标......即使只是指向正确的方向也会很棒...

任何帮助都非常赞赏

javascript jquery jquery-plugins

8
推荐指数
1
解决办法
2万
查看次数

多彩多姿的图标字体

既然我已经使用图标字体,它是一个巨大的问题,有两种颜色用一个类,而不是一堆定位或剪裁..的,因为它是相当有在现场五彩的图标常见的事,我遇到了现在的解决方案我想我可能只是为那些寻找答案但却发现并发症的人发布这个...

html css fonts font-face internet-explorer-8

8
推荐指数
1
解决办法
3265
查看次数

谷歌地图作为矢量地图

我搜索过的每一个地方,我发现的最接近的地方并不是很令人满意(这个),是否有谷歌地图看起来像jvectormap?通过表演我的意思是可悬停的国家等,通过观察我的意思是矢量地图具有干净的外观.

javascript google-maps google-maps-api-3 jvectormap

7
推荐指数
1
解决办法
2万
查看次数

南非身份证号码验证并获得年龄和性别

我研究了这个,但我使用的代码似乎都没有用.南非身份证号码包含出生日期和性别.我想要的只是当它们的ID号被输入到输入字段时输入该信息并验证它,最好是在jQuery或javascript中

任何帮助表示赞赏,

的Dawid

javascript validation jquery

6
推荐指数
2
解决办法
2万
查看次数

MySQL逗号分隔值

我目前有一个sql和php问题,我使用这个语句来获取服务及其相关表的所有内容:

$db = $this->getDbo();
$query = $db->getQuery(true);

// Select the required fields from the table.
$query->select(
        $this->getState(
                'list.select', 'a.*'
        )
);

$query->from('`#__services_service` AS a');
$query->where("a.zone");

$query->select('zone.name AS zone, zone.description AS zone_description, zone.price AS zone_price, zone.interval_recommended AS interval_recommended');
$query->join('LEFT', '#__services_zones AS zone ON zone.id = a.zone');

$query->select('category.icon AS category');
$query->join('LEFT', '#__services_categories AS category ON category.id = a.category');
Run Code Online (Sandbox Code Playgroud)

但是在我加入的区域表中,有逗号分隔值'1,2',并且在创建关联数组后,我将服务分组到它们的区域,单个服务仅转到单个区域,而不是表格中的值是'1,2'它应该在两个区域...我有一种感觉它是因为'zone.name AS zone',因为它只返回一个名称,如果我说它'zone AS zone'返回逗号分隔数字...

这是我对数组进行排序的方式:

foreach( $this->items as $item ){
if( !isset( $zones[ $item->zone ] ) )
$zone_items[ $item->zone] …
Run Code Online (Sandbox Code Playgroud)

php mysql arrays sorting joomla

6
推荐指数
1
解决办法
1192
查看次数

森伯斯特效应与css3梯度

我一直在环顾四周,尝试了几天,但我似乎无法100%正确...我试图用css3渐变实现以下效果:

在插画家完成的森伯斯特

我得到的最接近的是DEMO:

html {
  background:
    linear-gradient(80deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(90deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(82deg, transparent 50%, #eee 50%, #eee),
    linear-gradient(67deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(52deg, transparent 50%, #eee 50%, #eee),
    linear-gradient(37deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(22deg, transparent 50%, #eee 50%, #eee),
    linear-gradient(7deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(-8deg, transparent 50%, #eee 50%, #eee),
    linear-gradient(-23deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(-38deg, transparent 50%, #eee 50%, #eee),
    linear-gradient(-53deg, transparent 50%, #ddd 50%, #ddd),
    linear-gradient(-68deg, …
Run Code Online (Sandbox Code Playgroud)

css gradient sass css3

6
推荐指数
1
解决办法
2886
查看次数

用于创建标签的自定义短代码

我目前正在尝试为WordPress创建一个创建标签的短代码,我知道有可用的短代码.但我正在努力学习如何自己编写它们.

目前我正在生成标签菜单项,但我坚持将内容放在一个全新的div中.

前端用法:

[tabs]
 [tab title="tab" active="y" id="home"]home[/tab]
 [tab title="tab2" active="n" id="about"]about[/tab]
 [tab title="tab3" active="n" id="help"]help[/tab]
[/tabs]
Run Code Online (Sandbox Code Playgroud)

然后是代码:

function tabs_group( $atts, $content = null ) {  
    extract(shortcode_atts(array(  
    'id' => '',
    'class' => ''
    ), $atts));  

    $output  = '<ul class="nav nav-tabs '.$class.'"  ';

    if(!empty($id))
        $output .= 'id="'.$id.'"';

    $output .='>'.do_shortcode($content).'</ul>';

    return $output;  
}  

add_shortcode("tabs", "tabs_group");

function tab($atts, $content = null) {  
    extract(shortcode_atts(array(  
    'id' => '',
    'title' => '',
    'active'=>'n' 
    ), $atts));  
    if(empty($id))
        $id = 'tab_item_'.rand(100,999);

    $output = '<li class="'.($active == 'y' ? …
Run Code Online (Sandbox Code Playgroud)

php twitter wordpress shortcode

5
推荐指数
1
解决办法
2844
查看次数

PHP将ul分成均匀分为3列Joomla Menu Module

我目前正在创建一个joomla菜单模块,但我遇到了一些问题..

我试图将子菜单项分成3列,目前我正在使用这个:

$counter = 0;

if($item->level == 2):
    $counter += count($item);
endif;

if($item->level == 1):
    $counter = 0;
endif;

if($counter%3 == 0 && $item->level == 2){
        echo '</ul><ul class="col-lg-3">';
    }
Run Code Online (Sandbox Code Playgroud)

但这只是将它们分成3个

这是整个default.php:

<?php

// No direct access
defined('_JEXEC') or die;

// Note. It is important to remove spaces between elements.
$counter = 0;

?>

<ul class="nav navbar-nav <?php echo $class_sfx; ?>  nav-mega"<?php
$tag = '';
if ($params->get('tag_id') != null)
{
    $tag = $params->get('tag_id') . '';
    echo ' id="' . $tag …
Run Code Online (Sandbox Code Playgroud)

php joomla joomla-extensions joomla3.0

5
推荐指数
1
解决办法
1189
查看次数